Glitch.com の魅力

…り先に飽きてしまう Glitch.com は、オンラインでコードを書けてそのままホスティングしてくれて、Remixボタンがあって、他人のプロジェクトを改造もできる、というもの凝ったことをせず、ちょっとしたコードをブラウザで書いているのだ、という自覚を持てるのが良いちゃんとしたテキストエディタも開かずに、クオリティにこだわらず、遊びでちょっと書いてる、というエクスキューズブログ記事を書くのと同じような気分それでいて、完成品は普通のWebアプリケーションと同じようにアクセ…

2021-03-10

YouTube動画を2つ重ねて再生するとおもしろい(PC用)

…たがないぜ、というときに、ちゃちゃっとCSSだけで合成できるようになったのは良い時代だと思う。同僚がオンラインDJイベント用のオンラインVJソリューションを作っていて、そこでYouTube動画とアニメーションGIFを重ねたらいい感じのビジュアルを得られていたので、せっかくならYouTube2個重ねたくてしかたがないぜ、と思って作ってみた流れ。こういうわけわからない合成映像に目がなくて、自分で作って大満足している。 forkしたい方はこちらからどうぞ。 glitch.com

2020-01-14

MIDIコントローラで何を押したときに何をするか問題

…er.com/qS7DLFCATb— 趣味はマリンスポーツです (@hitode909) 2020年1月14日glitch.comMIDI機器との触れ合いというと高校生くらいのときにMIDIキーボードをパソコンにつないで曲をMIDIファイルに取り込んでたくらいなので、普通のソフトウェアではどうなっているのか、勝手がわからない。DJソフトを使うと、どのボタンを何にアサインするかという設定ツールが置いてあって、あれは内部的にMIDI信号のマッピングをしているという理解をしている。

2020-01-13

ブラウザVJ用にKORG nanoKONTROL2を買った

VJ

…月13日例によってglitch.comでやっている。 glitch.comやってみると、つまみがたくさんついているのは良くて、スライダーとノブ合わせると16個の値を128段階で制御できる。しかし、人力でつまみを上げ下げするスピードには限界があり、すばやく絵を動かすのは難しい。動きはあらかじめ用意されていてそのパラメータを変えるくらいだと良いのかもしれない。宣伝 2/7にまたVJやるのできてください。毎回出番が30分ずつ伸びていて1.5時間になってしまった。 smtppp.…

2019-12-24

役に立たないウェブページを作る

VJ

…ode909の日記 glitch.com というオンラインでHTMLやJavaScript、CSSを書けるウェブサービスが最近は気に入っていて、手元の開発環境やビルド環境など考えるまでもなく、いつどこにいても、ブラウザさえ開けばコードを書き始めることができます。 regular-khaan.glitch.me 今日作ったもの今日は、絵と音がほんとうの意味で連動しているものはあまり作ったな事ないなと思ったので練習することにしました。完成した絵が愉快さからコードを書き始めるこ…

2019-12-04

MASAWADA CLOCK 3D

…目にはmasawadaさんの全身で現在時刻をお知らせするおもてなし機能も実装されています。全身を使って分の変わり目をお知らせどうぞご利用ください。こちらで現在時刻を確認いただけます。どうぞご利用ください。 MASAWADA CLOCK 3Dglitch.com をつかってホスティングしているので自由にRemixしていただけます。 glitch.com この記事はmasawada Advent Calendar 2019の4日目でした。明日はid:wabysprgさんです。

2019-11-30

ブラウザでVJをやるワークショップをやった

VJ

…プで躓かないために、glitch.com を使う雛形のHTML、各ステップの途中段階のHTML、完成したHTMLをすべて用意しておして、ごちゃごちゃになったら雛形から復帰できるようにする(三分クッキングスタイル) 作業パートはHTML, CSS+JavaScript、コントローラをくっつける、という30分x3の構成にする最初はパート6まで用意していたけど15分ごとにテーマが変わるのは忙しすぎると思い30分x3くらいにした最低限の課題をこなすだけでもいい感じになるし、暇な…

2019-11-01

またブラウザでVJした

VJ

…あって文字を出せる glitch.com を使って実装してみたデプロイ不要ですぐに書けて楽これだけ準備したらばっちりだろう、と持っていったけど会場の回線速度がいまいちで、ネットワークエラーが多発して黒い画面が出ていた。開発中はオフィスや家の高速インターネットで確認していることが多いので、どれくらい遅いときにどういう情けない状態になるのかは確認しておくのがよさそう。 glitch.com出ていた絵はそこそこかっこいいと思う。この絵がブラウザから出ていて、HTMLとCSSで…

2019-10-28

11/1(金曜日)に木屋町のシエスタでVJやるので来てください

VJ

…帰ったらとりあえず glitch.com を開いていて、会社ではVSCodeを使っているので気分転換になっている。書き始められるまでの時間が早かったり、ちょっとしたエラーチェックやコードのフォーマットがあったり、ファイルが行方不明になる心配がなく、デプロイ作業もないので、こういうスケッチみたいなものを書くには向いている。JSとかもファイルを分けずHTML内のscriptとして書いている。pic.twitter.com/m8Zg3iWUwX— 趣味はマリンスポーツです (@hi…

2019-10-24

-webkit-box-reflectを繰り返し適用する試み

…glitch.me glitch.com YouTube貼り付けに対して適用する YouTube動画を同じ形で貼ってみるとちゃんと動いて、ちゃんと動くので万華鏡のような効果が得られた。 glitch.com YouTube貼り付けに対して適用し、CSSアニメーションで回転させる反射もぐるぐる回っていて偉い。 glitch.com 60度ごとの反射を作れるとよりよかったけど、そうすると、ひたすら反射ではだめで、もととなる要素をを複数出す必要があるような気がしている。もし今後…

2019-08-03

ブラウザでVJした

VJ

…2日ここに試作中のglitch.comへのリンクを貼っておいた。 blog.sushi.money YouTube 妻も初出演で、ジャンカラで練習したりしていて、セットリストを事前に決めていたので、曲順を教えてもらって、YouTubeからPVで流すことにした。曲のURLはハードコードであらかじめ準備しておきつつも、手でURLを入れたら好きな動画を流せる仕組み。ただ流すだけだとビデオ流しやさんになってしまうので、ビートに合わせてループしたり、再生速度を変えたり、自動的に再生…

2019-07-12

8/2(金曜日)に木屋町のシエスタでVJやるので来てください

VJ

木屋町のシエスタを借りてたまにやってるイベントでVJやることになった。妻がDJとして出るので、それに合わせてVJします。 smtppp.clubVJに使えそうなツールはブラウザしか持ってないので、いい感じの絵が出るページをちまちま作ったりしている。https://t.co/eMUxPjipGW pic.twitter.com/GxuKSsgWfR— 趣味はマリンスポーツです (@hitode909) 2019年7月11日 https://t.co/3RettFGj7K pic…

2019-01-26

WebVRで作品を作って展示しよう

…る https://glitch.com/~aframe Ctrl+Alt+iでデバッガできること 3D空間にオブジェクトや画像を配置アニメーション自分でループを書かなくて済む毎フレーム計算したいような場合は自分でJSを書く DOM操作 JSからappendChildするとオブジェクトが表示される HTMLを描画する https://github.com/mayognaise/aframe-html-shader html2canvasを使って実装されているポインテ…