Image Image Image Image Image

フロントエンド開発、デザイン、動画制作、施設体験コンテンツ、アプリ開発、編集・執筆など、各種制作業務を行うr.c.o.株式会社の企業サイトです。

2020年のテーマ

If you think you can, or you think you can’t, you’re right.

Henry Ford

シンプルですが「できる」と思えばできる。「できない」と思えば何もできない。2020年という現在は、いままでにないほど変化が激しく、先行きが不透明な時代であると感じられます。まさに、世界は「過渡期」にある。そのなかでは、未来を予測するのは大変難しい。しかし、未来がわからないからと何もしなければ、寂しくつまらない結果しかありません。未来がわからないからこそ、新しいことに挑戦する。できると信じて、やり遂げる。2020年もr.c.o.は、失敗を恐れず、新たな分野への研究も惜しまず、さまざまなデジタル表現に挑戦し、実装していきます。

Scroll to Top

To Top

webGL/バーチャルツアー型コンテンツ/実現できること

このサンプルでは、キーボードの上下右左でカメラ操作を行えますが、同じキーで前後左右のポイントへ移動していくようなUIやパソコンゲームで馴染みのあるWASDでの操作にすることも可能です。
コンテンツやターゲットに合わせて、使いやすい、視点酔いしにくいUIの選定を、プロトタイピングを通じて検討していきます。

また、webGL空間から呼び出せるウェブページに制限はないので、例えばInstagram Graph APIを用いたハッシュタグ投稿収集ページも呼び出せますし、YouTube動画の埋め込みなどももちろん呼び出せます。従来のコンテンツはそのままに、webGL表現を加えることができます。

Unreleased. 2021.

Client had no content. Back then, the move was to fill the hero with something abstract. So I gave it a pulse. A reactive WebGL blob, holding space for something that never arrived.

They ended up going with an animated 3D logo instead.

Some things hit deeper from the archive.
...

0 1

9 ⠌⣢|

With this, 9 years of dailies is done. This post marks the end of my daily practice making a piece everyday since January 1st 2017. I’ve made 3,287 pieces using webgl and mostly shaders.

I decided to stop my daily practice because I feel like I’m stuck in a rut with only enough time and energy to make only minor improvements or experiments everyday. I recently haven’t had time to invest more in trying new techniques or ideas and found myself defaulting to doing what’s easy. So I’ve decided to stop at 9 years and take a break. After the break I hope to come back with a fresh mind and enthusiasm to tackle making pieces that try something new, develop a new technique and that have more depth. All of which will take more time than I can spend in a day.

I very thankful for these 9 years and how much I have been stretched and learned about myself. I’ve learned how to push through my perfectionist reservations and committed to just making something. I’ve learned how things you think are great ideas in your head sometimes don’t work out the way you thought but lead you in a new and often better direction.

Thank you to my friends, family and followers. You all have supported me on this ambitious practice and given me the motivation when I thought I had nothing to make. I hope you all had a great 2025 and have a fantastic 2026.

Random fact if you didn’t know. Each piece has a number assigned to it using braille characters to encode the number in binary. The ordering of the dots are based on the ISO ordering. This final daily’s braille number ( ⠌⣢) actually encodes 3298 which is 11 greater than the number should be. I wrote a lot of automation for helping streamline my daily process and the one for generating this encoding had a bug that caused the number to increment by more than 1 per post. I caught it after a few days and decided to continue with the current number instead of retroactively fixing it. So it serves as unique identifier rather than a count.
...

61 2

ZigZag Wall
https://365fun.net/gamedetail.html?title=zigzagwall
#html5 #webgl #webgame #hypercasual #flash lunchgame 365fun
...

1 0

Reversi
https://365fun.net/gamedetail.html?title=reversi
#html5 #webgl #webgame #hypercasual #flash lunchgame 365fun
...

1 0

Matching Puzzle Art
https://365fun.net/gamedetail.html?title=matchingpuzzleart
#html5 #webgl #webgame #hypercasual #flash lunchgame 365fun
...

1 0

Link in bio
.
.
.
#threejs #webgl #react #webdevelopment
...

30 1

Happy New Year gamers 🎮🔥
New year, new levels, new wins.
See you in the next season 🚀

happy new year fr fr 💀🔥
2026 boutta go crazy
see u next year no cap 🗣️

This year was lowkey good.
gammezly.com started.
Big things coming 👀🚀

#gammezly #gammezlyontop #new #game #games #year #silvester #newyear #web #website #site #webgame #webgames #brainrot #happy #webgl #multiplayer
...

3 0

Christmas tree made with Three.js 🎄✨
Lights, glow, and a little bit of magic.

Happy New Year!
May your builds be clean and your bugs rare.

Full source code on GitHub 👨‍💻
Save it for later 💾

#threejs #webgl #creativecoding #frontend #newyear
...

4 0

Happy New Year 2026 !!

今年も年始のご挨拶コンテンツを作ったので、ぜひ遊んでみてください!
https://2026.unshift.co.jp/

今年はWebサイト制作以外にも、体験コンテンツなどの制作にももっと携われたらいいなと思っています!

それでは本年もよろしくお願いいたします!

※カメラをONにすると、ハンドジェスチャで操作できるようになっています。詳しくはアクセス時に操作方法が表示されるので、試してみてください!
スマホではちょっとパフォーマンスが悪いかも…

#webgl #webgpu #threejs #creativecoding
...

9 0

Visualizing NewJeans x LE SSERAFIM mashup by Miggy Smallz with FFT-based spectral analysis on Three.js

I vibe-coded the render loop to calculate Frenet frames and rebuild the mesh vertex-by-vertex in real-time, which allows it to procedurally refresh at 60FPS without stalling the browser, even on mobile with slower CPU.

Small project to close out 2025!

#datavisualization #threejs #webgl #creativecoding #visualmusic #newjeans #lesserafim
...

17 3

Gratitude 2025 — every particle is a memory.
A black & white 3D generative meditation: floating particles, spiraling light, geometric forms—closing the year, opening the next.
Built live in p5.js + WEBGL. 🖤
Save for a calm loop • Comment “GRATITUDE” if you want the sketch/breakdown.
#p5js #creativecoding #generativeart #webgl #RikiCodeArt
...

14 1

repost supernice_studio on IG
This week I’ve been working on coding some fun interactive stuff for the website!

1. Is a wobbly smiley made with three.js and WebGL vertex shaders
2. Is an interactive boids simulation (shoutout Ben Eater)

The controls are a really fun way to experiment with results without hopping back and forth into code all the time, the trick is not losing track of time playing about with them!

Both experiments are live so feel free to have a play with from the web links shown in the posts :))

#threejs #webgl #interactiveart #creativecode #interactiondesign
...

10 0

Future Horizon ⠌⣡|
Tomorrow will be my last day for this run of dailies. I’ll explain more then, but in summary I feel like I’m currently stuck in a local minimum and can’t spend the energy to get out of it. I plan to do anydayshaders after a break hopefully with new longer projects to get me out of my current rut.
...

56 2

Hexa Block
https://365fun.net/gamedetail.html?title=hexablock
#html5 #webgl #webgame #hypercasual #flash lunchgame 365fun hexa
...

0 0

TouchTouchPangPang
https://365fun.net/gamedetail.html?title=touchtouchpangpang
#html5 #webgl #webgame #hypercasual #flash lunchgame 365fun
...

0 0

Matching Puzzle
https://365fun.net/gamedetail.html?title=matchingpuzzle
#html5 #webgl #webgame #hypercasual #flash lunchgame 365fun
...

0 0

注意※音を出す

来年またね~

See you next year~!

#しろぽと #shirospot
#ゲーム制作 #gamedev #indiedev
#threejs #webgl
...

304 5