MOREFOX 发布的文章 - MOREFOXserver

登录 / 注册

标签搜索

MOREFOX

累计撰写 21 篇文章
累计收到 10 条评论

找到 21 篇与 MOREFOX 相关的结果

2024-04-14
[forkit] 翻github发现的下拉栏，看着非常有趣。在github乱翻的时候，翻到了一个很有意思的html组件。研究了一下引用来了。看着很好玩，鼠标挪上去会吸附过来。点击或者拖动下拉可以打开帘子，帘子内可以写一些简介之类的。
- 2024年04月14日
- 17 阅读
- 0 评论
- 0 点赞
2024-04-14
[Coil] Coil，线圈游戏，一个html5小游戏介绍Coil是一款令人上瘾的HTML5画布游戏，在这里必须通过你的拖尾包围敌人来击败他们。在蓝色球体爆炸之前将其包围。同时包围多个球体可获得额外点数。作者主页：https://hakim.se/作者X链接：https://twitter.com/hakimel作者Github：https://github.com/hakimel截图typecho新增一页做一个typecho的样板。进入typecho根目录新建一个文件家 CoilGame 将Coil的js和css文件丢在CoilGame里可从我的备份档（修改版+汉化版）下载直接解压放在根目录。进入主题文件夹。新建一个文本文档。将文件改名为 CoilGame.php 按照格式写一个typecho样板<?php /** * CoilGame * * @package custom * **/ ?>然后复制作者页的 html 代码粘贴在下面然后修改以下引用的js文件和css目录地址。如下。<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="viewport" content="width = 450"> <title>线圈游戏</title> <link href="/CoilGame/css/reset.css" rel="stylesheet" media="screen" /> <link href="/CoilGame/css/main.css" rel="stylesheet" media="screen" /> <link href='https://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>  <script id="vertexShader" type="x-shader/x-vertex"> attribute vec2 position; varying vec2 pos; void main() { pos = position; gl_Position = vec4( position.x, position.y, 0.0, 1.0 ); } </script>  <script id="fragmentShader" type="x-shader/x-fragment"> #ifdef GL_ES precision highp float; #endif varying vec2 pos; uniform vec2 mouse; uniform vec2 resolution; uniform float time; uniform sampler2D texture; uniform vec3 e0; uniform vec3 e1; uniform vec3 e2; uniform vec3 e3; uniform vec3 e4; uniform vec3 e5; uniform vec3 e6; uniform vec3 e7; uniform vec3 e8; uniform vec3 e9; float distanceTo(vec2 p1, vec2 p2) { float dx = p1.x-p2.x; float dy = p1.y-p2.y; return sqrt(dx*dx + dy*dy); } float lightEffect( vec3 e, vec2 p ) { if( e.z == 0.0 ) { return 0.0; } vec2 ep = -1.0 + 2.0 * e.xy / resolution.xy; float dist = ( 1.0 - min( distanceTo( ep, p ) * 2.0, 1.0 ) ); return dist * 0.3 * e.z; } vec2 deformEffect( vec3 e, vec2 p ) { if( e.z == 0.0 ) { return vec2(0.0, 0.0); } vec2 ep = -1.0 + 2.0 * e.xy / resolution.xy; float dist = ( 1.0 - min( distanceTo( ep, p ) * 2.0, 1.0 ) ); float a = atan(p.y-ep.y,p.x-ep.x); float r = sqrt(dot(p-ep,p-ep)); vec2 offset = vec2( dist * (p.x-ep.x) * cos(time), dist * (p.y-ep.y) * sin(time) ); return offset * e.z * 0.5; } void main(void) { vec2 p = -1.0 + 2.0 * gl_FragCoord.xy / resolution.xy; vec2 m = -1.0 + 2.0 * mouse.xy / resolution.xy; p.y = -p.y; float light = 0.0; light += lightEffect( e0, p ); light += lightEffect( e1, p ); light += lightEffect( e2, p ); light += lightEffect( e3, p ); light += lightEffect( e4, p ); light += lightEffect( e5, p ); light += lightEffect( e6, p ); light += lightEffect( e7, p ); light += lightEffect( e8, p ); light += lightEffect( e9, p ); light += ( 1.0 - ( distanceTo( m, p ) ) ) * 0.08; light = min( light, 1.0 ); vec2 uv = pos; uv += deformEffect( e0, p ); uv += deformEffect( e1, p ); uv += deformEffect( e2, p ); uv += deformEffect( e3, p ); uv += deformEffect( e4, p ); uv += deformEffect( e5, p ); uv += deformEffect( e6, p ); uv += deformEffect( e7, p ); uv += deformEffect( e8, p ); uv += deformEffect( e9, p ); vec3 col = texture2D(texture, uv).xyz * light; gl_FragColor = vec4( col, 0.8 * light ); } </script> </head> <body> <header> <h1>线圈游戏</h1> <span class="header-instruction">更多信息</span>  <div class="extra">  <section id="about"> <h3>关于</h3> <p> Coil是一款令人上瘾的HTML5画布游<br> 戏，在这里必须通过你的拖尾包围敌人<br> 来击败他们。 </p> <p class="credits"> 作者： <a href="http://hakim.se/">Hakim El Hattab</a> | <a href="https://twitter.com/hakimel">@hakimel</a> </p> </section> </div> </header> <div id="game"> <canvas id="effects"></canvas> <canvas id="world"></canvas> <p id="lag-warning">看起来游戏运行得很慢。<a href="#">关闭特效?</a></p> <div id="menu"> <h1>线圈游戏</h1> <div id="score"> <h3>你的分数:</h3> <p>123312</p> </div> <section class="welcome"> <h2>说明书</h2> <p>在蓝色球体爆炸之前将其包围。同时包围多个球体可获得额外点数。</p> <a class="button" id="start-button" href="#">开始游戏</a> </section>  </div> </div> <script src="/CoilGame/js/libs/jquery-1.6.2.min.js"></script> <script src="/CoilGame/js/header.js"></script> <script src="/CoilGame/js/util.js"></script> <script src="/CoilGame/js/coil.min.js"></script>  <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-15240703-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </body> </html>保存文件，然后回到typecho后台。进入独立页面，新建独立页面。起个标题，修改cid地址，选择刚刚新建的模板。点击发布。备份档学习用，地址隐藏内容，请前往内页查看详情
- 2024年04月14日
- 7 阅读
- 0 评论
- 0 点赞
2024-04-13
[catch-the-cat] 一个网页捉住小猫小游戏组件翻大佬博客的时候看到了个小游戏，随后找到对方github看了看。这里记录一下引用方法。
- 2024年04月13日
- 19 阅读
- 0 评论
- 0 点赞
2024-04-13
[极空间] 部署DDNS通过域名访问极空间公网地址也是会变的，通过域名解析即可使用固定的域名来访问极空间内服务。
- 2024年04月13日
- 9 阅读
- 0 评论
- 0 点赞
2024-04-12
[网络] 关于ipv6无法获取PD前缀的个人解决方案个人家庭如今已大概率已无法申请获得ipv4公网ip，这时作为妥协，只能考虑使用ipv6远程访问家庭设备，但由于未知原因，各大服务商在部分地区已不再下发ipv6的DP前缀，导致只有拨号设备可以获得公网ipv6地址，局域网内部设备无法获得独立地址，只能使用DHCPv6手动设置前缀并分配地址，这时局域网内部设备地址是单向的，无法被外部ping通，也就做不到远程访问家庭设备。
- 2024年04月12日
- 12 阅读
- 0 评论
- 0 点赞
2024-04-04
[计数统计] 给自己的站点添加不蒜子计数不蒜子是一款简单的网站访问计数服务，配置简单，最简可只需两行代码即能显示统计数据。
- 2024年04月04日
- 18 阅读
- 0 评论
- 1 点赞
2024-04-03
[AI]记录帖/之前跑着玩的一些图就是一些图，打算用来丢封面之类的看着玩的，有的是我自己的图用来跑的AI再生的图，看看就行，别认真。
- 2024年04月03日
- 14 阅读
- 0 评论
- 0 点赞
2024-04-03
[docker]极空间docker搭建Chevereto中文图床前言大部分人写博客都需要用markdown语法，而插入图片时需要用到图床。网上的免费图床限制较多，通常有单张图片大小限制和总容量限制。游客注册繁琐，同时动不动就有可能跑路，这会导致之前博客文章里写好的内容图片丢失。所以自己搭建私人图床就很有必要。下面我会讲讲搭建图床方法。
- 2024年04月03日
- 23 阅读
- 0 评论
- 2 点赞
2024-04-02
[typecho] 仿Github-热力图-贡献图-组件类似Github热力图（贡献图）的插件，在合适的地方引用即可。
- 2024年04月02日
- 29 阅读
- 0 评论
- 3 点赞
2024-04-02
[typecho] 一些冷门小技巧[转发] 转发自:Typecho 一些冷门小技巧
- 2024年04月02日
- 12 阅读
- 0 评论
- 1 点赞

1
2
3