じょりじょり日記

JavaScript100サイトチャレンジを記録するブログです。

Processing vol13

こんばんは~!パーリンノイズを自分で実装してみようと考えていました。しかし、関連サイトをみてもまだ意味がわかりませんでした。手元の書籍でパーリンノイズについてまとまっている情報を確認することは出来たのですが「改良パーリンノイズ」というネッ…

Processing vol12

draw系やってみました! 徐々にですが「これができるんだったら、あれもできるかな?」と考えられるようになってきました。 とても楽しいです、どんどん続けていきますよ〜! //https://processing.org/examples/continuouslines.html void setup() { size(6…

Processing vol11

明日はベクトルに関すProcessingの写経会なのでベクトル項目をやってみました! //https://processing.org/examples/vectormath.html void setup() { size(640,360); } void draw() { background(0); //マウスのの位置ベクトルを設定 //mouseXとmouseYはmous…

JavaScriptチャレンジ Processing vol10

Inputの項目が全部終わりました〜! //https://processing.org/examples/keyboardfunctions.html int maxHeight = 40; int minHeight = 20; int letterHeight = maxHeight; int letterWidth = 20; int x = -letterWidth; int y = 0; boolean newletter; //A-…

JavaScriptチャレンジ Processing vol9

単位円…の存在を完全に抹消しておりました。 なぜcosがx方向の座標を…、なぜsinがy方向…という疑問は残りますが、もう少し掘り下げてみる必要がありますね。 まずは三角関数と単位円の関係を勉強してみたいと思います。 //https://processing.org/examples/c…

JavaScriptチャレンジ Processing vol8

そろそろProcessingの考え方がわかってきたような気がするので 自分の思考を整理するために、考え方の過程などをコメントに起こしてみました。 概念についてどんな角度でアプローチしようかということを考えました。 理解が足りていない所も多々あるとは思い…

JavaScriptチャレンジ Processing vol7

明日から疑問に思った点などを放置せずに深掘りしていきます! そろそろ他の領域にも踏み出したいところ。 1日1個必ず自分がわからない点が見つかるのは痛快ですね。がんばります、とてもがんばりますよー!! //https://processing.org/examples/mousefunct…

JavaScriptチャレンジ Processing vol6

くぅー、今日も全然わからなかったです。 明日はもっと理解が深まるように頑張りたいですね! %で余りを活用する…とかなると一気にわからなくなってしまいます。具体的な値をいれてみるにしてもちょっと難しいですね。。悔しい、がんばります。 https://proc…

JavaScriptチャレンジ Processing vol5

今日のやつは難しかったです。 ほとんど理解できていません(゚ロ゚; 三 ;゚ロ゚) 昨日もeasingに悩まされましたが、、、これは一度深く調べる必要がありそうですね。 がんばります。 //https://processing.org/examples/constrain.html float mx; float my; floa…

JavaScriptチャレンジ Processing vol4

今日は立て続けに2つやってきました〜。 inputのカテゴリ全部終わらせたかったのですが、1つのmousesignalsでハマり時間を使ってしまいました。 全体的な理解度は67%ということでしょうか・・・。 きっと明日目が覚めたら、もっとスッキリしていると思うので…

JavaScriptチャレンジ Processing vol3

今日はProcessingでクラスヘアのような描画を学びました。 mousePressedされた時にoutlineの色を変えるだけで格好良くなるものですね〜。それはそうと寝る前のExampleを写経する習慣、ぜひともルーチン化できるよう頑張ります!ちょっとリアル話ですが、今日…

JavaScriptチャレンジ Processing vol2

小さなことからコツコツと時間を見つけてやっていきますよ〜! 今回のコードでinverseのところの理解で詰まったのですが、変数を直接数字に置き換えると納得いくことが多いですね。 しかしなぜ+10しているんですかね・・・。 //https://processing.org/examp…

JavaScriptチャレンジ Processing vol1

最近Processing始めてみたました。 まだ何かを作れる段階じゃないのですが、なかなか面白いです。 公式サイトのExamplesを理解するために、それぞれの例に対してコメントを振って自分の理解が正しいのか確認していきます。本日はこれです。 Processingではmo…

JavaScriptチャレンジ n回目

こんにちはー! お久しぶりです。長らくブログの更新をサボっておりました。 さて、現在のJavaScriptチャレンジの様子についてです。 現在のチャレンジ数は26個。100まで何を作ったら良いのかわからなくなってしまったので、数は気にしない(タイトルに上げ…

今年の夏はこれらの本と共にあり

読書は苦手です。 新しい情報はとても好きで脳が喜んでいると感じることはあるのですが、読むのに時間がかかってしまうのが そうはいっても、まとまった情報を得られるのは本からだと心得ているので、今年の夏は読書とイベントで燃えますよーー! 下記が僕の…

よし、今後について書きます!

JavaScriptチャレンジの方針を自分の成長に100%コミットするために、JSに関する本を読んだアウトプットを3日に一度するというものに変えます。最近変えてばかりで、、、まあこれも岐路なので 理由は、アプリをいくつも作っているうちに、マネが疲れてしまい…

リファクタリング

こんばんはー! 最近夏バテ気味でなかなか元気が出ないですね。。 アクティブなスポーツが割りと好きなのに、暑さに弱いのはダメなので、克服しないといけませんね〜\(^o^)/ zyory.sakura.ne.jpのほうも時間を見つけて更新しているのですが、ダラダラしち…

SoundCracker | JavaScript 26/100

改良点としては、それぞれのKeyに異なる音を割り振ることでしょうか。 さて、今回は気持ちいい感じで仕上がりました! PaddingやMarginを意識したマークアップが出来たとおもいます。 http://zyory.sakura.ne.jp/js4.html gyazo.com

進捗報告

現在マークアップが完了して、機能付けに入っているところです。 デザインセンスは置いておいて、キーボードとしての形は様になったので次点でJavaScriptを書いていくといった感じです。 今後このアプリケーションについてやることリスト keyのkeydwon中acti…

JavaScriptチャレンジの更新日変更告知

こんばんは! 今日はとても暑く、エアコンがない僕の部屋はうだるような熱気に包まれております...>< 水をガブガブ飲んで脱水状態にならないように頑張って寝たいと思います。 さて、なにかと更新が遅れがちなJavaScriptチャレンジですが、何度も1日遅れまし…

【JavaScriptチャレンジ】進捗報告

こんばんは! zyory.sakura.ne.jpにチャレンジを移転したはいいのですが、まだ報告する場としての昨日がないのでここで報告させてください。 現在取り組んでいる作品は、名付けて「Keytap Enjoy」です。 仕様としては、A-Zのキーボードをタップすると様々な…

JavaScriptチャレンジ移転のお知らせ

みなさま、こんばんは! 本日さくらレンタルサーバーにて、サイトを開設したのでご報告させていただきます。 今後は下記のホームページにて進捗状況を更新していきたいと思います。 JavaScriptチャレンジ どうか温かい目で見守ってくださると嬉しいです! よ…

作ってみたいアプリケーション一覧を出してみました

こんにちは! これは鬼怒川温泉へ旅行に行ったときの山々の様子です。 すぐ下には鬼怒川が脈々と流れており、とてもきれいなところでした。 ライン下りをして、川のあのなんとも言えないよう匂いと、頬が風を切るのを感じるのは、いい思い出です。 さて、Jav…

speechSynthesisAPIで任意の文字列を読み上げる | JavaScript 25/100

See the Pen js 25/100 by zyory (@zyoryzyory) on CodePen.

mousemoveで文字に影をつける | JavaScript 24/100

See the Pen js 24/100 by zyory (@zyoryzyory) on CodePen.

スーパーヒーロー | JavaScript 23/100

なぜ戦士の色相が抜けてしまうのか・・・・・ See the Pen js 23/100 by zyory (@zyoryzyory) on CodePen.

p5.js入門しました | JavaScript 22/100

draw関数が便利過ぎて、変数とrgbaとfillについて知っていれば、すごい作品が作れたような気がします。やっぱり描画系って楽しいですね!!!:D 今回からコメントのほうも英語で書いてみたいと思います\(^o^)/ わかりずらいとは思いますが、ともあれ練習あ…

女子と一緒に温泉入りたい | JavaScript 21/100

今日はバイク仲間と箱根湯河原にあるGensen Cafeに来ています。 施設内は温泉の他にカフェが併設されていて、休憩スペースにはYogibooというフカフカなクッションがあります。これに座ってキーボードを叩いているのですが、なかなか心地よく、ユーモラスな作…

数え上げゲーム | JavaScript 20/100

See the Pen js 20/100 by zyory (@zyoryzyory) on CodePen.

多原色お絵かき | JavaScript 19/100

See the Pen js 19/100 by zyory (@zyoryzyory) on CodePen.