程式狂想筆記
首頁 文章 標籤 分類 好站連結
程式狂想筆記
https://avatars.githubusercontent.com/u/6058558

程式狂想筆記

動畫特效繪制框架(Sketch.js)

published on included in 網頁特效
Sketch.js 最近看到TVアニメ『LOST SONG』網站還滿酷的 所以研究了一下，發現是使用sketch.js 本來想說是很復雜的東西 結果看了一下，發現是用官網範例Plasmatic Isosurface 好像把dat.ui拿掉就跑出上面樣子 插點看WebGL那邊去了XD 不過發現圖象矩陣，感覺也是一門大坑學問 TVアニメ『LOST SONG』 sketch.js 2018鐵人賽索引和心得(圖多慎入) - iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天 Plasmatic Isosurface WebGL 技术储备指南 | Taobao FED | 淘宝前端团队 soulwire/Plasmatic-Isosurface: A 2 dimensional plasma simulation running on the GPU, written in GLSL and CoffeeScript and rendered with WebGL. 矩陣 详解CSS的矩阵变换函数matrix() | 中二病也要玩 front end 【介紹】Geogebra 與線性變換矩陣（1／8）：矩陣變換與圖形 - YouTube 详解CSS的矩阵变换函数matrix() | 中二病也要玩 front end CSS3 transform-function matrix 變形矩陣 CSS3 matrix双板划水、拉伸、打板动画实例animation-亮术网 THE MAGNIFICENT 2D MATRIX 如何通过js获取到CSS3里面transform rotate旋转角度的度数，matrix解析 - CSDN博客 Matrix rain animation using HTML5 canvas and javascript
Read More
SketchJS,WebGL,Matrix

連續打指令&& 與;差別

published on included in Linux
Solved: cron question about multiple commands - Hewlett Packard Enterprise Community 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Re: cron question about multiple commands "echo ; ls" will execute both echo and ls, whatever is echo exit code. "echo && ls" will execute ls only if echo exit code is 0. Maybe you should do a script. Complex lines in crontab make it not clear and harder to maintain.
Read More
Linux

Raspberry pi 遇到emergency mode問題

published on included in Linux

很奇怪…今天Raspberry pi 開機遇到emergency mode

1
2
3
4
5

Welcome to emergency mode! After logging in, type "journalctl -xb" to view
system logs, "systemctl reboot" to reboot, "systemctl default" to try again
to boot into default mode.
Give root password for maintenance
(or type Control-D to continue):

平常沒有用鍵盤USB，剛好最近買一個機械式鍵盤剛好是USB
剛好可以插在上面，原本還滿擔心可能不能用的問題
好險沒有

Read More
Raspberry PI

css的小箭頭原理

published on included in 網頁特效
CSS border 繪製三角形的原理 CSS 的 border 屬性在元素寬高為零時，會顯示出四個三角形。這是因為四邊 border 的交界處本來就是斜角切割的，只是在正常情況下因為元素有寬高，這個特性並不明顯。 原理示意 當元素的 width 和 height 都是 0 時： 1 2 3 4 5 6 7 8 .triangle-demo { width: 0; height: 0; border-top: 50px solid red; border-right: 50px solid blue; border-bottom: 50px solid green; border-left: 50px solid yellow; } 你會看到四個三角形分別指向四個方向，各佔一角。 製作各方向三角形 要製作指向某方向的三角形，就把該方向的對面 border 設為有色，其他三邊設為 transparent： 向上三角形（▲） 1 2 3 4 5 6 7 .triangle-up { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 40px solid #333; /* 底部有色 = 三角形朝上 */ } 向下三角形（▼） 1 2 3 4 5 6 7 .
Read More
Css

終端機錄制工具 asciinema

published on included in 實用工具

最近想記錄我在筆電上面的終端機設定
但以經放著多天，最近在最有空的時候準備整理一下
本來想用圖片整理，但logdown不能上傳圖片
未來會考慮用hexo來用…

不過在用hexo之後，剛好看到asciinema可以錄制command指令
想說先用這個東西來試試

Read More
Asciinema