导航

萌即是正义!时不时分享一些ACG活动记录与有趣代码的小站!

侧边栏
热门文章
1推文
去年换的NURO手机卡居然已经满9个月了,时间可过得真快呀! 在顺利领取13000日元的返现后把套餐从每个月2699日元20GB的套餐换成了990日元5GB套餐。毕竟这9个月以来我几乎都是2~7GB左右的流量使用,这20GB真的太奢侈了。在年底还赠送了一堆流量叠到了80GB是真的浪费😅。 不过对比20GB的套餐5GB的套餐不仅流量低了,速度其实也低了。前者最高可以有100Mbps左右的速度后者就只有30Mbps左右了,在中午高峰时期倒是都差不多只有个位数。 就目前来说对于我这种轻度手机用户已经非常够用了。大流量反而因为不用就浪费的心态养成了上下班刷社交媒体软件的坏习惯,现在换回小流量后又可以静下心来读小说和漫画啦! 截图是新套餐在不同时间的测试结果。
热度
363
2页面
程序员老黄历&求签
热度
299
3博文
让智能AI(waifulabs)来为你生成老婆吧!
热度
195
4页面
友链
热度
130
5博文
探访《蜡笔小新》老家——春日部游记
热度
117
6页面
游戏
热度
117
7页面
活动
热度
91
8推文
今天去看了首部初音未来的电影《剧场版 世界计划 破碎的世界与无法歌唱的未来》。 说是初音未来的电影,但其实是手游《世界计划》的剧场版。好像有挺多人看到是初音未来的电影就去看了,结果发现并不全是😅。其实在宣传海报中,初音未来后面的那些人才是主角。 不过,我也是那些没玩过手游的观众之一。其实整场看下来问题也不是很大,就是对于人物关系和世界观的设定可能会有些问题。电影其实也很贴心地在剧情开头,大致以剧情的形式展示了手游中的五个团体的人物及其性格,但感觉还是有些杯水车薪,约等于看个眼熟。 此次的电影是第一次购买应援场。所谓的应援场,就是能在电影院里像是听演唱会一样挥舞荧光棒和尽情呐喊。看着前排那些粉丝看到自己喜欢角色时的呐喊,以及演唱会环节的打CALL,应援场确实是很有意思的一种电影观看方式呢! 剧情方面,属于看了开头大概能猜到整部动画的剧情走向。不过,通过演唱会的气氛渲染,甚至还感受到了一丝丝的感动。 总体来说,对于手游的粉丝来说可能是嘉年华般的狂喜,对于没接触过手游的路人来说也能一定程度融入其中,属于一部不错的粉丝向电影(不管是手游粉丝还是初音未来粉丝)。 首周电影特典是CD和游戏内的兑换码。送CD这种形式还第一次遇到,官方大气!
热度
78
9博文
Live2d模型合集分享 | FaceRig | 海王星系列 | 初音未来 | 雷姆 | 凉风青叶 | 尼禄 | 薇尔莉特 | 小埋 | 樱花庄 | 玉藻前
热度
78
10博文
【RPG Maker MV】插件脚本指令文档 | Script Calls
热度
78
最新评论
广树管理员
2025-02-06 09:14
@HelloGakki:新年快乐呀
广树管理员
2025-02-06 09:14
@石樱灯笼:不是低流量套餐一定会降速,也有低流量高速的,但是会贵一些。这牵涉到国外的电信运营商的MNO和MVNO体制。可以让用户有更多品牌,更多类型的套餐可以选择。 至于高峰期掉速,没办法,什么地方的基建都不能和国内比。
HelloGakki
2025-02-06 09:12
新年快乐哦~
石樱灯笼
2025-02-05 23:52
啊这,日本低流量套餐还会降速,高峰期还会掉速,这是我没想到的……但一想到日本那躺平摆烂的模样,又觉得又挺正常的。
广树管理员
2025-02-04 18:01
@DavidYR:咦!大佬不知道吗?之前不是在国内上映过
正在攻略

logo_kai.jpg


PSN奖杯卡

PSN奖杯卡

赞助商广告

用canvas描绘容器注水的效果(如果没灌满会有波浪效果)

作者:广树时间:2018-02-02 16:19:02分类:JavaScript/jQuery/Vue

其实原理就是控制正弦波的幅度。

CSS:

html, body {
  height: 100%;
  text-align: center;
  background-color: #323436;
}

canvas#sineCanvas {
  width:500px;
  height:500px;
  overflow:hidden;
  background:#5b5d5e;
}

HTML:

<div id="canvas-container">
    <canvas id="sineCanvas"></canvas>
</div>

JS:

(function () {

var unit = 100,
    canvas, context, canvas2, context2,
    height, width, xAxis, yAxis,
    draw;
var percentMax = 0.6;//液体占容器的百分比
var percentMin = 0;
var maxHeight = 1;
if(percentMax>=1){
	maxHeight = 0.95;
}
var wavePower = 3;
//初始化
function init() {
	window.requestAnimFrame = (function(){
	  return  window.requestAnimationFrame       ||
			  window.webkitRequestAnimationFrame ||
			  window.mozRequestAnimationFrame    ||
			  function( callback ){
				window.setTimeout(callback, 1000/60);
			  };
	})();
    
    canvas = document.getElementById("sineCanvas");
    
    canvas.width = 1000; 
    canvas.height = 1000;
    
    context = canvas.getContext("2d");
    
    height = canvas.height;
    width = canvas.width;
    yAxis = 0;
    
    draw();
	
}
function draw() {
    
    // 清理canvas画板
    context.clearRect(0, 0, width, height);

    //描绘波浪
    drawWave(['#cea155','#e8c183'], 1, 1.5);
	
	if(percentMin<=percentMax){
    	percentMin = percentMin+0.002;
    	xAxis = Math.floor(height*(maxHeight-percentMin));
    }
    if(percentMin>0.80){
    	if(wavePower<=36*percentMax){
        	wavePower = wavePower+0.05
        }
    }
    
    // 更新时间然后重新绘制
    draw.seconds = draw.seconds + .009;
    draw.t = draw.seconds*Math.PI;
    window.requestAnimFrame(draw);
};
draw.seconds = 0;
draw.t = 0;

/**
* 描绘波浪
* drawWave([渐变左侧颜色,右侧颜色], 不透明度, 波浪的幅度)
*/
function drawWave(color, alpha, zoom) {
    context.globalAlpha = alpha;
	var linearGrad = context.createLinearGradient(0, 0, width, 0);
	linearGrad.addColorStop(0.0, color[0]);  
    linearGrad.addColorStop(1.0, color[1]); 
	context.fillStyle = linearGrad;
	
    context.beginPath(); //开始路径
    drawSine(draw.t / 0.5, zoom);
    context.lineTo(width + 10, height); //路径朝canvas右下
    context.lineTo(0, height); //路径朝canvas左下
    context.closePath() //封闭路径
    context.fill(); //涂色
}

/**
 * 画正弦
 * drawSine(时间, 波浪的浮动)
 */
function drawSine(t, zoom) {

    var x = t; //将时间转换为x轴
    var y = Math.sin(x)/zoom;
    context.moveTo(yAxis, unit*y+xAxis); //在开始位置放置路径
    
    // 绘制波浪、横向幅度 
    for (var i = yAxis; i <= width + 10; i += 10) {
        x = t+(-yAxis+i)/unit/zoom;
        y = Math.sin(x - 0)/wavePower;
        context.lineTo(i, unit*y+xAxis);
    }
}

init();
    
})();


donate.png

1210 x 50(蓝底).png

cloudcone