2020/12/08

/hoge したら各々のプロジェクトに飛べるようにするか

できた

https://gyazo.com/ac369946c06e333d8e39744c3059440d

最近ちゃんと運動できてる

1日1万歩じゃなく5000歩に設定する

6000歩くらいは確実に歩ける

/icons/いい話だ.icon

air34n.icon

え！！！！

誕生日一緒やん！！！！！

いくつになったんやろ？

44歳になったんだったww

同じ誕生日の先輩がいる!

これから寝るんだが寝る前にメガネが真っ二つに折れた

誕生日だというのに最悪

明日朝運転時どのメガネ使うかな…合うやつあればイイけど…

これから誕生日パーリーだ！焼肉だ！

/emoji/fast parrot.icon*2

udonn.icon

takker.icon

明日も行きたい

kuuote.icon

今気付いたがカードの表示だとアイコンの*分が圧縮されているな

https://gyazo.com/ee288d10aca6d8b11506f3af57ffa5d7

suto3.icon

お誕生日、おめでとう

なんだろう.....Chromebookからは動かないや

そうですか、残念

ページトップに戻らないと見えないかもしれません

↓お祝いに花火を打ち上げるよ（ソースコードを隠す記法がほしい）

code:sketch.js

const sketch = p => {

let fireworks = [];

let gravity;

function Firework () {

this.hu = p.random(255);

this.firework = new Particle(p.random(p.width), p.height, this.hu, true);

this.exploded = false;

this.particles = [];

this.done = () =>{

if (this.exploded && this.particles.length === 0){

return true;

} else {

return false;

}

}

this.update = () => { //firstUpdate

if (!this.exploded) {

this.firework.applyForce(gravity);

this.firework.update();

if (this.firework.vel.y >= 0) {

this.exploded = true;

this.explode();

}

}

for (let i = this.particles.length-1; i >= 0; i--) {

this.particles.splice(i, 1);

}

}

}

this.explode = () => {

for (let i = 0; i < 100; i++) {

var p = new Particle(this.firework.pos.x, this.firework.pos.y, this.hu, false);

this.particles.push(p);

}

}

this.show = () => {

if (!this.exploded) {

this.firework.show();

}

for (let i = this.particles.length-1; i >= 0; i--) {

}

}

}

p.setup = () => {

//p.createCanvas(500, 500);

const canvas = p.createCanvas(window.innerWidth, window.innerHeight);

canvas.position(0,0); //canvasをページの原点に固定

canvas.style('z-index','-1');//canvasを後ろに移動する

gravity = p.createVector(0, 0.2);

p.colorMode(p.HSB);

p.stroke(255);

p.strokeWeight(4);

p.background(0);

}

p.draw = () => {

p.colorMode(p.RGB);

p.background(0, 0, 0, 25);

if (p.random(1) < 0.03) {

fireworks.push(new Firework());

}

for (let i = fireworks.length-1; i >= 0; i--) {

fireworks.splice(i, 1);

}

}

}

function Particle(x, y, hu, firework) {

this.pos = p.createVector(x, y);

this.firework = firework;

this.lifespan = 255;

this.hu = hu;

if (this.firework){

this.vel = p.createVector(0, p.random(-12, -8));

}else {

this.vel = p5.Vector.random2D();

this.vel.mult(p.random(2, 10));

}

this.acc = p.createVector(0, 0);

this.applyForce = (force) => {

this.acc.add(force);

}

this.update = () => { //second update

if (!this.firework) {

this.vel.mult(0.9);

this.lifespan -= 4;

}

this.vel.add(this.acc);

this.pos.add(this.vel);

this.acc.mult(0);

}

this.done = () => {

if(this.lifespan < 0){

return true;

}else {

return false;

}

}

this.show = () => {

p.colorMode(p.HSB);

if (!this.firework) {

p.strokeWeight(2);

p.stroke(hu, 255, 255, this.lifespan);

}else {

p.strokeWeight(4);

p.stroke(hu, 255, 255);

}

p.point(this.pos.x, this.pos.y);

}

}

}

new p5(sketch, '');

p5-sketch-button.icon

↑この日付形式の文字列挿入を楽するために自分用のページにscript書いたのを思い出した。。

自分のはyyyymmdd形式で書いてるからめんどくさいことになってる。。

あれ拡張子が.jsじゃない？

つけた

code:ins.date.js

scrapbox.PopupMenu.addButton({

title: '前後の日を付与',

onClick: text => {

var urltitle = document.title;

var title = urltitle.substring(0, 8);

console.log(isYYYYMMDD(title));

if (isYYYYMMDD(title)) {

var y = parseInt(title.substr(0, 4));

var m = parseInt(title.substr(4, 2)) - 1;

var d = parseInt(title.substr(6, 2));

var dt = new Date(y, m, d);

var dtYesterday = new Date(y, m, d);

var dtTomorrow = new Date(y, m, d);

var vYesterday = dt.getDate() - 1;

var vTomorrow = dt.getDate() + 1;

dtYesterday.setDate(vYesterday);

dtTomorrow.setDate(vTomorrow);

var dt2 = formatDate(dtYesterday, 'yyyyMMdd');

var dt3 = formatDate(dtTomorrow, 'yyyyMMdd');

//文字列挿入する

return result;

// document.execCommand('insertText', null, result);

今回はどのみち使う必要ありませんが一応紹介

code:ins.date.js

}

function isYYYYMMDD(str) {

if (str == null || str.length !== 8 || isNaN(str)) {

return false;

}

var y = parseInt(str.substr(0, 4));

var m = parseInt(str.substr(4, 2)) - 1;

var d = parseInt(str.substr(6, 2));

var dt = new Date(y, m, d);

return (y === dt.getFullYear() && m === dt.getMonth() && d === dt.getDate());

}

function formatDate(date, format) {

format = format.replace(/yyyy/g, date.getFullYear());

format = format.replace(/MM/g, ('0' + (date.getMonth() + 1)).slice(-2));

format = format.replace(/dd/g, ('0' + date.getDate()).slice(-2));

format = format.replace(/HH/g, ('0' + date.getHours()).slice(-2));

format = format.replace(/mm/g, ('0' + date.getMinutes()).slice(-2));

format = format.replace(/ss/g, ('0' + date.getSeconds()).slice(-2));

format = format.replace(/SSS/g, ('00' + date.getMilliseconds()).slice(-3));

return format;

};

}

})

code:script.js

const today = new Date();

const to = new Date();

to.setDate(new Date().getDate() + 1);

const ye = new Date();

ye.setDate(new Date().getDate() - 1);

const year = today.getFullYear()

const month = ("0" + (today.getMonth() + 1)).slice(-2);

const day = ("0" + today.getDate()).slice(-2);

const ty = to.getFullYear()

const tm = ("0" + (to.getMonth() + 1)).slice(-2);

const td = ("0" + to.getDate()).slice(-2);

const yy = ye.getFullYear()

const ym = ("0" + (ye.getMonth() + 1)).slice(-2);

const yd = ("0" + ye.getDate()).slice(-2);

更に改良

code:script2.js

scrapbox.TimeStamp.addFormat(today => {

const to = new Date(today);

to.setDate(new Date().getDate() + 1);

const ye = new Date(today);

ye.setDate(new Date().getDate() - 1);

});