line.ctrl (@line_ctrl) header
line.ctrl (@line_ctrl) profile picture

line.ctrl

@line_ctrl

WebGL, Arduino, React, InTersEctING aRT anD teChNolOgy. He/him.

Joined March 2017
  • Tweets414
  • Following396
  • Followers210
Yay, released version 0.0.1 of npmjs.com/package/@react-thr…! Just wrap your content in <Lightmap>...</Lightmap> and it will do the rest (live sandbox is linked in README). Next step - generating ambient occlusion maps! #threejs #webgl #r3f #react #creativecoding
2
6
1
21
Replying to @mattdesl
Wow the mangled letter spacing for title, name and date accidentally ends up looking so damn cool
89
Replying to @Akshat_Giri
Also check out npmjs.com/package/react-konv…
1
1
113
Replying to @giuliozausa
Haaa I know that background 8bm4g.tumblr.com/post/255114…

8bm4g

Cityscape from a mobile game for Blackberry named “Dope Wars”. Sprite rip unknown.

8bm4g.tumblr.com
1
2
Playing with raymarched volumetric lighting (inspired by @inconvergent)
Abstractly rendered block of stone with volumetric shadow effect

ALT Abstractly rendered block of stone with volumetric shadow effect

1
19
Replying to @ianmcque @ShedworksGreg
Maybe en.wikipedia.org/wiki/Karlss…?
This is... a bad mood lamp. Geddit? Upcycled Ikea Vickleby, with @atesgoral's old LED strip wrapped around a cheap cardboard tube. Best feature? It is remotely controlled via Bluetooth serial commands. #Arduino #FastLED
Was interesting to learn how low-resolution ADC pin (lradc) works for simple button inputs on Allwinner SoCs like the one in #LicheePi Nano. Really cool to see button presses show up in /dev/input/event0 on the console!
Image from line.ctrl (@line_ctrl)
Replying to @giuliozausa
Is this? Nooooooo! Wait, it's missing the CRT shader 🤓
2
The #LicheePi Nano gadget plugs in and works (the enclosure mounts and faceplate design are still at the "programmer art" stage though 😅)
3D printed widget enclosure with mounted Lichee Pi Nano and power supply circuit

ALT 3D printed widget enclosure with mounted Lichee Pi Nano and power supply circuit

Plugged-in widget with boot messages showing on screen

ALT Plugged-in widget with boot messages showing on screen

2
And a high level overview of what was implemented for the tech demo: unframework.com/portfolio/fi…
First-person game level sketch with React + ThreeJS

First-person game level sketch with React + ThreeJS

I wanted to experiment with videogame concepts but did not want to abandon the web-oriented development workflow with React and TypeScript. WebGL is very well-supported and offers enough performanc…

unframework.com
1
Published a tiny browser first-person level tech demo on Itch, going for that late 90s lightmap aesthetic: line-ctrl.itch.io/sector3f-d… #threejs #react #r3f #webgl #creativecoding
Sector3f Web Tech Demo by line-ctrl

Sector3f Web Tech Demo by line-ctrl

Quick FPS demo level made using React + r3f + ThreeJS + Box2D. Play in your browser

line-ctrl.itch.io
1
2
6
Replying to @varunprime
This is so clever!
Replying to @ViolenceWorks
Yay another use for the cutie F1C100s chip 😌
Replying to @Bhushanwtf
The minimap is actually a debug canvas auto-generated by Box2D in this case - I use top-down 2D physics to check wall collisions so it's a useful freebie!
1
1
Nobody expects the Backrooms surprise! #r3f #threejs
8
The loading elevator is looking usable, now just gotta tentatively shine a light into the rest of the level #r3f #threejs
In-game screenshot of a low-poly elevator with open doors facing a dark hallway

ALT In-game screenshot of a low-poly elevator with open doors facing a dark hallway

5
The #LicheePi Nano has finally found a decent spot on the back of this gadget (had to give up on using snap-fit attachment), just gotta wait for the M1.7 screws to arrive
Back of a 3D-printed gadget prototype without any wiring attached yet

ALT Back of a 3D-printed gadget prototype without any wiring attached yet

1
Added a shiny new elevator for level transitions - automatic door logic is orchestrated in React, and doors are animated with react-spring #r3f #threejs
2
11
Replying to @MrmoTarius
Unexpected franchise crossover!
2
The FPS feel is really starting to come together with textures - and to recap, the CSG geometry + lightmap are computed right in the browser #r3f #threejs
9
Load more