@line_ctrl

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

Joined March 2017
  • Tweets414
  • Following396
  • Followers210
74Media
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
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
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!
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
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

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

line-ctrl.itch.io
1
2
6
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

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
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
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
Can now define levels in code using basic CSG boolean operations (thanks to #jscad), getting closer to that HL2 feel 😍 #r3f #threejs
Screenshot of a 3D first-person view of a test room scene

ALT Screenshot of a 3D first-person view of a test room scene

6
Grainy evidence of when I hyperfixated on procedural city generation with Blender for a few weeks back in August 2005
Screenshot of a 3D scene of a city street, off ground level between skyscrapers

ALT Screenshot of a 3D scene of a city street, off ground level between skyscrapers

This weird mess is me trying to use Box2D to implement simple Doom-style first-person movement physics #r3f #threejs
Screenshot of a first-person-view 3D scene with low-quality shadows

ALT Screenshot of a first-person-view 3D scene with low-quality shadows

2
Blinky liiiights! Making an LED floor lamp using a Bluetooth serial widget (HC-05) as remote control for the #Arduino running #FastLED
Iterating on the enclosure mounts
Screenshot of Fusion 360 showing an enclosure design

ALT Screenshot of Fusion 360 showing an enclosure design

The LCD screen is finally showing something coherent (the dithering is in my original test bitmap). Too bad the contrast isn't great...
Measure once, 3D print many times...
1
1
2
Draft faceplate features can have a little fillet, as a treat
Signs of life! This LCD is 512×128 - I need lots of negative voltage and also not even sure if Arduino is fast enough to drive it...
1
Load more