saber酱的抱枕

Vive la France

10/3
14:10
ACG

看完了《境界的彼方》

animation bilibili B站 动画 图片 境界の彼方 境界的彼方 截图 栗山未来

我从昨天到今天在bilibili补完了《境界的彼方》,感觉是部很不错的动画呢。京都动画的作画细腻,妹子又萌又养眼(看到一半我承包了番剧,开启了1080P画质)。剧情有日常有战斗,有温馨也有虐心,精彩的地方也很多。

animation bilibili B站 动画 图片 境界の彼方 境界的彼方 截图 栗山未来

每一话的名字都是一个颜色,感觉很棒呢~

bilibili 在线观看

我看的时候截了一些图,发出来纪念一下。
Read More →

看完了《境界的彼方》

09/23
15:05
ACG

Princess Principal的一些截图

animation Princess Principal 公主代理人 公主准则 动画 图片
(这个图应该是同名手游里的图,公主的脸有点怪怪的。动画里就没问题了)

我最近看了Princess Principal(公主准则),很喜欢。Princess Principal讲述的是5个间谍少女的故事,单元剧形式。目前放送11话了,还剩最后一话。

在线观看(爱奇艺正版)

Princess Principal OPED合集(bilibili)

因为这番的脚本是大河内一楼负责,所以大家从开播就一直担心大河内吃没吃药。这次大河内发挥得令人震惊的平稳。不过第10集开始走向就有点令人担心,目前大概就等最后一集一锤定音吧。

这部番妹子萌,剧情紧凑(除了偶尔有两集日常比较悠闲),设定有趣。当然也有不少感人的情节,我很喜欢。

下面放一些我的截图吧,主要是第8话的。
Read More →

Princess Principal的一些截图

06/17
09:55
ACG 游戏

小黄油:ふぇありーちゃんと触手

最近在pixiv上看到了一个r18动态图片,原来是《ふぇありーちゃんと触手》这个游戏的宣传图。这个动图很不错,引起了我的注意。这个游戏同时在DLsite、DMM、Booth上发售,DLsite上还提供体验版,我下载了体验版试了试。

pixiv页面

开始界面:

animation cg download H hentai ふぇありーちゃんと触手 下载 同人ソフト 度盘 游戏 触手 资源
Read More →

小黄油:ふぇありーちゃんと触手

06/3
23:19
ACG

《比基尼勇士 Bikini Warriors》BD无修版下载

animation BD Bikini Warriors H hentai ova uncensored ビキニ・ウォリアーズ 动画 无修 无码 比基尼勇士 磁链 福利 资源

《比基尼勇士》(ビキニ・ウォリアーズ、Bikini Warriors)是一部于2015年播出的泡面番,其TV版虽然是表番,但是福利十足,画风也好,虽然有各种障碍物充当圣骑,但是只消脑补一下,便是十分实用的魔法素材了。后面发售的无修版BD就更好用了。

《比基尼勇士》TV版可以在bilibili观看

TV版+13话 720p+1080p下载

BD无修版磁力链接(包含13话和OVA)

这个无修版的资源来自Nyaa,注意事项:

这个里面的视频是英文/日文双音轨的,默认是英文,如有需要请自行切换。
内置的两种字幕都是英文的,如果需要,你可以单独下载1-13集的中文字幕
在1-12集里,有些集数有两个视频,文件名里带“Hyper Sexy”的是无修版。有几集是没有无修版的。

ps:上面的字幕里没有两个ova的字幕;我修改了默认字体和描边颜色。字幕文件我只写了序号。

下面放些我在b站看的时候的一些截图,相见恨晚啊。
Read More →

《比基尼勇士 Bikini Warriors》BD无修版下载

05/19
13:46
学习

使用css3动画制作网页底部走动的桌宠

在pc设备上,我的博客底部会有一个saber桌宠走来走去~这个效果大概是三年前博客建立不久就做了,但是当时是用JavaScript的定时器来改变桌宠的位置的。今天我把它用css3动画重做了一遍,效果基本上维持原样。

这次我依然用到了JavaScript,不过JavaScript已经不直接移动桌宠的位置了,它的作用是动态创建animation动画规则,这样桌宠的移动就由css3动画控制了。

其实我改成css3动画本来是想降低我的博客在浏览器里的资源占用,但是改了之后发现效果不明显,看来占用资源大头的另有原因,这个以后再查吧。
Read More →

使用css3动画制作网页底部走动的桌宠

10/14
16:56
学习

使用css3动画给评论头像增加旋转效果

刚才我给评论区头像添加了鼠标经过旋转的效果,是使用css3动画做的。

在css样式表里先定义一个旋转的动画,然后在鼠标经过头像时触发动画:

@keyframes rotate_once{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.comment-meta .avatar:hover{
	animation: rotate_once .5s;
}

有时候必须结合JavaScript事件播放动画的时候,可以先把animation那句放到一个单独的class名里,然后通过JavaScript来动态添加、删除改动画的className,来达到播放动画或去除动画的效果。

示例:

element.addEventListener("mouseover",function(){
	element.className=nowClassName+" rotate_once";
	element.addEventListener("animationend",function(){
		element.className=nowClassName;
	})
});

鼠标经过元素时添加rotate_once这个className,播放动画。动画播放完毕之后再去掉这个className。

这里有个知识点,就是JavaScript里有三个能监听动画播放的事件:

animationStart 动画开始执行
animationEnd 动画执行结束
animationIteration  重复动画开始执行(只有重复动画才会触发)

使用css3动画给评论头像增加旋转效果