《第五回蓝白弹幕合作祭》杂谈
创作:仿《notitle》最开始是去年20年9月开始弄的,当初刚做弹幕,也是打算先模仿pv来学习如何做pv。当时正是研究svg最热情的时候,挺多地方用了svg逐帧。扇形展开为圆形的那段反色逐帧也是我notitle中最满意的地方。做了一个多月,本来是准备第四回蓝白弹幕合作祭的,但是第四回改为组曲合作,就没有上notitle了。当时也没完全做完,交稿前几个星期才把手尾补完,也是真正做完,可以说耗时一年(误
合作感想:看了其他人的作品,又感觉到了弹幕的可能性,原来弹幕还能这样做!每个人都有自己独特的想法和亮点处。
代码记录
淡入淡出长条(文字)1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374def text groupP1 { content = " " fontSize = 100% x = 50% y = 50% anchorX = 0.5 anchorY = 0.5 rotateZ = 0 alpha = 1 zIndex = 10}set groupP1 { }3s//白色长条def text line1 { content = "_____________" fontSize = 10% fontFamily = "MS Mincho" x = 50% y = 50.01% ...
easings转贝塞尔曲线对照表
个人最常用的easing22和easing23easing22:cubic-bezier(0.95,0.05,0.795,0.035)easing23:cubic-bezier(0.19,1,0.22,1)
ease : cubic-bezier(0.25,0.1,0.25,1)easeIn : cubic-bezier(0.42,0,1,1)easeOut : cubic-bezier(0,0,0.58,1)easeInOut : cubic-bezier(0.42,0,0.58,1)
1 linear : cubic-bezier(0,0,1,1)
2 easeInSine : cubic-bezier(0.47,0,0.745,0.715)3 easeOutSine : cubic-bezier(0.39,0.575,0.565,1)4 easeInOutSine : cubic-bezier(0.445,0.05,0.55,0.95)
7 easeInQuad : cubic-bezier( ...
层级代码
文字一级父层组控制最基本父级加子级 父| | |子 子 子
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071def text groupP1 { content = " " fontSize = 100% x = 50% y = 50% anchorX = 0.5 anchorY = 0.5 rotateZ = 0 alpha = 1 zIndex = 10}set groupP1 { }0sthen set groupP1{scale = 0.5 }0.6s,"cubic-bezier(0.95,0.05,0.795,0.035)"//easing22//1.68 2.26def text t1 { ...
弹幕相关备忘录
bas弹幕辅助线按F12,console输入回车
12345let cssText = ".bas-danmaku-item{border: 1px solid rgba(255, 145, 0, 0.9);background-color: rgba(39, 133, 255, 0.1);}.bas-danmaku-item-inner{border: 1px solid rgba(255, 0, 0, 0.9);background-color: rgba(0, 255, 21, 0.1);}.bilibili-player-video-wrap{overflow:visible !important;}.bilibili-player-area{overflow:visible !important;}.bilibili-player-video-bas-danmaku{overflow:visible !important;}";cssElem = docum ...
《第四回蓝白弹幕合作祭》杂谈
选曲: 《ポッピンキャンディ☆フィーバー!》是我从vtuberころねぽち收的曲,欢快活泼的风格,节奏感又强,所以选来做曲。部分配色分镜也参考了ころねぽち这首曲的PV。 正如奎佬名言 —— 每做完一个弹幕就有一首歌从歌单消失。这首歌我还是很喜欢的,是我对ころねぽち的印象曲,现在这首曲已经记忆重构了(悲),第一次做bas弹幕的AmazingSky我现在也基本没听了(悲)
构思:本来想做成MG图形+文字+彩色的感觉。由于最近忙,没时间去弄MG图片。以为读了配色的书应该能配出好的色彩,结果画面色彩还是单调拉胯。唯一让我满意的是能够在bas弹幕里实现拉镜的速度感。凌佬研究出来能在文字动画中插入贝塞尔曲线真的是重大突破。わっしょい、わっしょい、踊り明かそう这段简单的加了放大、rotateZ和贝塞尔曲线,做出来的效果做出来自己都有点意外。
经验总结:1.全屏背景(自定义比例的SVG图形)通常来说,做颜色背景是用fontSize非常大的方块文字(如█)来做的,这样的做法会使颜色背景的边界难以确定。而我做法是直接用svg的纯色图片当背景(邪道、无弹幕味之前没弄清比例问题,现在弄明白path、vi ...
弹幕发射场使用说明
【发送普通弹幕歌词】1.准备好歌曲的lrc歌词我用得的是网易云歌词提取器,也可以在其他地方获取,或者用lrcmaker直接制作时间轴网易云歌词提取器:pan.baidu.com/s/1MyqkXp-57B72LoDWFImU3w 提取码: dwda
(暂时只测试了发送单语歌词情况)
2.找到发送弹幕账号的缓存值(Chrome浏览器下,登录b站后按F12弹出控制台,找到cookie,然后找到SESSDATA和bili_jct对应的值)
(火狐浏览器)
3.按需求填入参数参数简单说明首句时间:用于调整歌词在视频中出现的时间,直接用歌做视频bgm的可忽略。插件最小时间单位为秒,如需更为准确时间请用补偿值补充调整。有时lrc首句是作词者、或不发声的词,请手动编辑歌词文件去掉。开始句:发送的歌词从lrc里第几句开始,基本用于测试发送3条弹幕后,继续发送剩下的部分。**补偿值(ms)**:单位是毫秒,负数提前x毫秒发送,正数延后x毫秒发送,用于首句时间补充。发送模式:测试发送3条可以用于查看是否基本对准视频中歌词,正式发送弹幕是直接发送全部歌词。发送间隔:程序发送每条弹幕的时间间隔,单位秒, ...
弹幕相关工具网站
SVG主要工具图片转svg路径https://www.pngtosvg.com/高清版,使用有限制https://www.vectorizer.io/images/upload.html
svg图片压缩https://www.zhangxinxu.com/sp/svgo/
svg字体描边生成https://oubenruing.github.io/svg-text-animate/tool.html
弹幕下载https://www.biliplus.com/
日本相关网站n站弹幕职人交流博客网站https://chu-commentart.ssl-lolipop.jp/
弹幕字符串集合http://turreysdanmaku.web.hange.info/
AA字符画收集http://aa.ja.utf8art.com/
装飾文字列生成器https://lazesoftware.com/tool/decostrgen/
n站弹幕系统wikihttps://w.atwiki.jp/commentart2/
2ch顔文字辞書http://matsucon.net/material/art ...
bas弹幕中svg路径的使用心得
一、bas中path对象基本说明bas弹幕中可以通过path对象来实现图片的展示
12345678910111213141516def path p { d = "M 0 0 L 100 0 L 100 100 " viewBox="0 0 100 100" x = 40% y = 15% borderWidth = 1 borderColor = 0xffffff borderAlpha = 0.8 fillColor = 0x00a1d6 fillAlpha = 0.8 width = 20% duration = 2s zIndex = 1 scale = 0.8}
属性名
值类型
是否必须
默认值
是否可变
是否渐变
说明
x
number
否
0
是
是
x坐标,可以为百分比值
y
number
否
0
是
是
x坐标,可以为百分比值
zIndex
number
否
0
否
否
层次权重,值高的对象在上层
scale
number
否
1
否
否
缩放
dura ...
建博相关
因为之前服务器快到期了,所以决定换个方式建博客,顺便把博客弄好看点。之前用Hexo建博客看中它是java编写的,想着用熟悉的语言可能会做点二次开发什么的,结果一年了也没做过啥,所以这次就打算找主题多的,不管啥语言,反正都是几条命令能部署。最后发现Hexo+github竟然能直接免费搭建博客,真的够方便的。
安装nodejs和安装hexo12先到nodejs下载node安装,然后安装hexo$ npm install -g hexo
初始化Hexo1$ hexo init
安装插件和依赖12$ npm install hexo-deployer-git --save$ npm install --save hexo-renderer-jade hexo-generator-feed hexo-generator-sitemap hexo-browsersync hexo-generator-archive
获取butterfly主题1$ git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git th ...