@lachlanjc0Playing with 3D animated text with React/Three.js & making generative clouds with SVG + CSS this weekend
If you find any bugs or have any suggestions, please let me know. p5commander is my first actual public/open source project that I got to a working state, so I probably made some mistakes.
@sampoder0today i presented.. the *CLIMATATOR*! it’s a 4D interactive media experience / climate change simulator that showcases the effects of climate change to a younger audience. you enter the cabinet, put an AR headset on, watch a fictional weather report from 2050, then you begin to feel the heat of a heatwave 🔥 (there’s a strong heater inside), then you going on a bumpy ride (haptic motors) in a fire truck fighting wildfires :firefighter: (it’s still boiling from the heater and it intentionally smells of burning) and to end of your experience a cyclone with winds (a big fan) and shaking (haptic motors) 🌀 + it’s got sound effects and a nice video (this is my myp personal project, goal was to create an engaging way of learning about climate change)
the wooden structure was put together with a lot of drilling and with the use of recycled materials to the extent possible. i learnt a lot about woodworking as this was my first ever real woodworking project.
*this is biggest project ever, it’s taken me since August to build this all out…..* and i’m really proud of the final product. uses a mix of Raspberry Pi Python, Arduino, Next.js & Node.js to all work. the AR headset is powered by Holocron (www.npmjs.com/package/@sampoder/holocron)
more is at: climatator.co/de:partyparrot:
@matthew0After lots of struggling, Scrappy is finally off of Next.js and is now its own Express app. The code looks mostly the same, but now hopefully it'll stop crashing.
I tested this as much as I could before merging into the real scrappy, but admittedly I didn't test every feature (only a few basic ones, like posting and some commands). So if you run into any issues with scrappy, please let me know so that I can look into it 🙌 :scrappy::scrappyparrot:
@BenjaminSmith1Added my website to the webring! I wrote a react component with Next.js server side data fetching instead of using the premade JS so there is no JS needed to run the component on the browser
@alialiwa20050Did a grammar check on my Hack Club's website, was able to refine the text grammatically (found a few typos, too). Installed DeepSource, which is awesomely included in the :github::backpack:!
Gaynor McCown Hack Club's website (version 1.1.5) is live.
@riley33chou0added some js animations and transitions to personal website
@ella1tried to vanta.js but it didn't work. i'll probably try again another day
@christina6951Playing around w workshops-- I tried to add an easter egg from @fayd's konami workshop to the spinning wheel website i built w @dwivedihari987's workshop..... it's not working... something is stuck w adding the confetti generator. ... but the fact that I'm even as far along to be adding libraries in js is cool to me!
@safin.singh0I've been struggling to put together large-ish completed projects lately so I decided to just go all out and see how much I can get done in a day-ish. I just finished up ankylos (github.com/safinsingh/ankylos) a modular bootstrapper thing for node projects. Here's what it does:
1. Grab a preset to clone from. This will be copied to whatever destination you specify via a tarball from NPM
2. run ankylos bootstrap to read from the ankylos.config.js in the preset. this tells ankylos what plugins to install and configure. for example, the next preset automatically installs and configures the 'editorconfig', 'eslint', 'github', 'husky', 'markdownlint', 'pnpm', 'prettier', 'renovate', and 'vscode' plugins. it'll also send instructions for build scripts to set, dependencies, etc. ankylos will take care of the explicit dependencies in the preset first. then, it'll install your plugins (ive made like 10 of them for convenience) and install your plugin's dependencies (these are stages 1 & 2 of the bootstrap phase)
3. ankylos prompt you for project metadata and will insert your custom build scripts along with this metadata into a fully-filled out and templated package.json file. finally, ankylos will walk through each of your plugins and apply/copy the files specifies in ankylos.config.js
4. from there, pnpm install will bump you in to your new, modular, automatically-bootstrapped, linted, formatted, <insert a bunch more buzzwords> project!
i only had enough time to create a next and node preset so be sure to check those out. anyway, i'm glad i was able to follow through with this and i hope y'all like it! p.s: you can check out all 16, yes, 16 projects from the ankylos monorepo on its dedicated npm org: www.npmjs.com/org/ankylos. anyway, i'll try my best to maintain this (it's in my best interest too so thats good) if anyone else decides to use it
@ella1i worked on a small project and deployed to vercel :yay: first time using Next.js