"The project is never-ending, but the results are finally here" project is closing in , If you understand the math, you can build anything. Tommorow is the day,Ready to show this to my supervisor tomorrow—wish me luck! I’ve always believed that the best way to understand the web is to build without the "safety net" of heavy libraries. I just finished building 4 custom interactive backgrounds from scratch. The Engineering Breakdown: The Math: Used the distance formula d = sqrt (x2-x1)^2 + (y2-y1)^2 for real-time particle proximity detection and "web" connectivity. The Geometry: Leveraged Math.cos() and Math.sin() for algorithmic shape generation—no static images, just pure trigonometry. The Rendering: Bypassed the React Virtual DOM in favor of the Canvas 2D Context, ensuring a locked 60 FPS by talking directly to the GPU. #Javascript #CanvasAPI #WebPerformance #CreativeCoding #MathInCode
More Relevant Posts
-
Revolutionizing Material Efficiency with OptiSheet 2D I’ve been diving deep into computational geometry and optimization lately. I’m excited to share a sneak peek of OptiSheet 2D, a nesting algorithm designed to pack irregular pieces into a defined slab with maximum efficiency. The goal? Minimize waste and maximize resource utility. The Tech Stack: Backend: Spring Boot (Handling the heavy lifting of the packing logic). Frontend: React & Tailwind CSS (For a clean, responsive visualization). Architecture: Designed as a lightweight, stateless engine to ensure high-speed processing. Technical Note: Since the backend is powered by Spring Boot, the engine takes a moment to "warm up" about 30-60 sec during the initial request. However, once the JVM is primed, the optimization logic runs continuously and at peak performance for all subsequent tasks! ⚡ We are currently in the "stress-test" phase—running complex test cases to ensure the algorithm handles edge cases and tight tolerances. It’s a work in progress, but seeing the pieces snap into place is incredibly satisfying. Check out the demo below to see the algorithm in action. ⬇️ https://lnkd.in/gptGE8Ki #FullStackDevelopment #Java #SpringBoot #ReactJS #Algorithms #Optimization #CodingJourney #SoftwareEngineering
To view or add a comment, sign in
-
HeyGen just open sourced HyperFrames and the pitch is wild 🎬 They built their entire launch video in Claude Code. No After Effects, no Premiere, no timeline scrubbing. You write HTML, the framework renders MP4. That's it. What it actually does: 🎥 HTML in, MP4 out (also MOV and WebM) ⚡ Plain HTML with data attributes for timing, GSAP for animation 🧩 50+ ready blocks: shader transitions, social overlays, data viz, lower thirds 🤖 Ships with skills that register as slash commands in Claude Code (/hyperframes, /hyperframes-cli, /gsap) 🖥️ Renders locally via Puppeteer and FFmpeg, zero cloud calls 🔓 Apache 2.0, full launch video source code is on GitHub Why this matters for agent builders: video was the last creative surface agents couldn't touch. They could write, code, talk, browse, book meetings, but they couldn't actually edit a 60 second clip. That gap just closed. The part I keep thinking about is the workflow shift. You talk to the agent like a video editor. Make the title 2x bigger. Swap to dark mode. Add a fade out at 0:03. The agent handles scaffolding, animation, rendering. You iterate in natural language against a real timeline. Three commands to try it: npx hyperframes init my-video npx hyperframes preview npx hyperframes render If you care about agent tooling, this is the one to clone this weekend. #AI #ClaudeCode #OpenSource #AIAgents #VideoGeneration #HeyGen #DeveloperTools
To view or add a comment, sign in
-
𝗜 𝗯𝘂𝗶𝗹𝘁 𝗮 𝗠𝗶𝗻𝗲𝗰𝗿𝗮𝗳𝘁 𝘁𝗼𝘄𝗲𝗿 𝗶𝗻 𝗚𝗿𝗮𝘀𝘀𝗵𝗼𝗽𝗽𝗲𝗿 𝘄𝗶𝘁𝗵 𝘃𝗶𝗯𝗲 𝗰𝗼𝗱𝗶𝗻𝗴! I’m excited to share a deep dive into 𝗦𝗰𝗿𝗶𝗽𝘁 𝗠𝗼𝗱𝗲 of 𝗔𝗻𝘁. One of the biggest hurdles for many designers is moving from visual programming to actual scripting (C# / Python). Ant changes that. By integrating LLMs directly into the Grasshopper canvas, you can now: ✅ Generate full script components via text prompts. ✅ Debug code on the fly with AI assistance. ✅ Rapidly prototype complex geometries (like this Minecraft-style tower). In this video, I go from a blank canvas to a fully parametric tower in just a couple of minutes. If you’re a Rhino/Grasshopper user, I’d love to hear your thoughts on how this could change your workflow! Watch a time-lapse below. Check out the whole video at: https://lnkd.in/dnZpVig4 Also, become a part of our growing Discord community: https://lnkd.in/dDnETacx #Python #CSharp #ParametricDesign #Architecture #Grasshopper #AI #CAD
To view or add a comment, sign in
-
𝗜 𝗯𝘂𝗶𝗹𝘁 𝗮 𝗠𝗶𝗻𝗲𝗰𝗿𝗮𝗳𝘁 𝘁𝗼𝘄𝗲𝗿 𝗶𝗻 𝗚𝗿𝗮𝘀𝘀𝗵𝗼𝗽𝗽𝗲𝗿 𝘄𝗶𝘁𝗵 𝘃𝗶𝗯𝗲 𝗰𝗼𝗱𝗶𝗻𝗴! I’m excited to share a deep dive into 𝗦𝗰𝗿𝗶𝗽𝘁 𝗠𝗼𝗱𝗲 of 𝗔𝗻𝘁. One of the biggest hurdles for many designers is moving from visual programming to actual scripting (C# / Python). Ant changes that. By integrating LLMs directly into the Grasshopper canvas, you can now: ✅ Generate full script components via text prompts. ✅ Debug code on the fly with AI assistance. ✅ Rapidly prototype complex geometries (like this Minecraft-style tower). In this video, I go from a blank canvas to a fully parametric tower in just a couple of minutes. If you’re a Rhino/Grasshopper user, I’d love to hear your thoughts on how this could change your workflow! Watch a time-lapse below. Check out the whole video at: https://lnkd.in/dWmcgdqh Also, become a part of our growing Discord community: https://lnkd.in/dirDZ3t6 #AntforGrasshopper #Python #CSharp #ParametricDesign #Architecture #Grasshopper #AI #CAD
To view or add a comment, sign in
-
I burned through my entire token budget in 1 hour. On a CAD model. This morning I tested a new generative CAD setup. Claude with a custom skill from this open source project: earthtojake/text-to-cad (check out on github): ++ Uses occ + python + build123d, has a built-in web frontend for instant review ++ Generates real STEP geometry, not meshes ++ Takes screenshots of each step to validate and iterate That last part is the interesting bit: Many other one-shot approaches just generate the python code and the result is often off. This skill reiterates, it looks at its own output, checks it, and tries again. Basically: a feedback loop for CAD. The result so far is… unfinished. For simple prompts, I got 100% correct models. More complex models: not production ready, but you can see where this is going. I had to stop mid-iteration because my tokens were gone. Let’s get a coffee. I’ll continue once my budget recovers. See the intermediate result below.
To view or add a comment, sign in
-
A great plugin for any C4D Redshift users, super clean way of keeping on top of Object and Material ID's. No need to individually check one at a time 👌
Senior CGI Generalist & Multidisciplinary Designer with a strong focus on Motion Design > Adobe Suite | Cinema4D + Redshift | Substance | Marvelous | JangaFX | Unreal Engine
My custom Redshift ID Manager for Maxon's Cinema 4D is out now! Launching with a massive discount for the duration of OFFF, you can grab it for £15 until Sunday > https://lnkd.in/eWCm6Ss4 SALE Extended through NAB2026! Features include: ➡️ RS Object ID listing ➡️ RS Object ID Tag listing ➡️ RS Material ID listing ➡️ Select RS Tag/s from ID selection ➡️ Select Objects of RS Tag/s from ID selection ➡️ Select Objects of Material/s from ID selection ➡️ Mass modify Object IDs ➡️ Mass modify Material IDs ➡️ Native UI styling, compact window ➡️ Works with new RS Nodes and Legacy Xpresso Materials, Standard, Rs Material and Open PBR Materials ➡️ Creates an annotation tag with all ID's listed in ascending order ➡️ Creates Puzzlesmattes for Object ID and/or Material IDs, with reflect./refract enabled or direct/multipass ➡️ Both the annotation tag and the mattes can be updated with a single click too Check out the high quality overview here: https://lnkd.in/eUshjuzU #redshift #redshift3d #maxon #cinema4d #c4d #python #plugin #plugins #script #scripting #workflow
To view or add a comment, sign in
-
𝗧𝗵𝗲 𝗣𝗼𝘄𝗲𝗿 𝗼𝗳 𝗥𝗮𝘄 𝗪𝗲𝗯𝗚𝗟 You can solve a Rubik's Cube with code. No libraries, no frameworks, just you and 3000 lines of JavaScript. This project shows how to build a beginner-friendly Rubik's Cube solver from scratch. - The challenge was to implement a solver using the beginner's method. - Visualize it with raw WebGL and Canvas2D. - Do it all in two weeks. The result is a functional solver that proves foundational programming skills can tackle complex problems. This project is a reminder that sometimes, the hardest way is the most rewarding. Raw WebGL was chosen to demystify 3D rendering. It forces a deep understanding of how GPUs render 3D scenes. The beginner's method was chosen for simplicity and clarity. If you want to understand the core mechanics of a system, use raw tools. Libraries are optimal for rapid development, but they abstract away the causal chains that make systems work. Source: https://lnkd.in/gHd_XRZu
To view or add a comment, sign in
-
Simulating Complexity with JavaScript & KaTeX: The Race of Functions 💻 In my spare time, I love bringing mathematical concepts to life through visualization. My latest project is a "Function Race" that pits different growth rates against each other to see which one truly dominates as x approaches 50. While we often hear that the Factorial function (x!) is incredibly fast, it’s fascinating to watch x^x (Self-exponentiation) step onto the track and leave everything else in the dust. Technical Highlights of the Project: ✅ Rendering: Built with HTML5 Canvas for smooth, high-performance animations. ✅ Typography: Integrated KaTeX for high-quality, real-time LaTeX mathematical notation rendering directly over the canvas. ✅ Dynamic Sorting: Implemented a real-time easing algorithm to rearrange the bars based on their current values, creating a smooth "racing" effect. ✅ Mathematical Precision: Used Stirling’s approximation to ensure smooth growth transitions for x! across the real number line. This was a fun way to visualize why choosing the right algorithm and understanding Big O notation is so critical in software development. Polynomial growth might look manageable at first, but once you hit Exponential or Super-Exponential scales, the world changes! What’s your favorite "hidden boss" function that grows faster than people expect? Let's discuss in the comments! 👇 🔗 Explore the logic of mathematics and engineering on my YouTube channel: [https://lnkd.in/dDc4Tv5z #CreativeCoding #JavaScript #WebDevelopment #Mathematics #DataVisualization #Algorithms #BigO #STEM #SoftwareEngineering #CodingLife
To view or add a comment, sign in
-
Composition shouldn't be dictated by an algorithm. 🖼️ As a developer and designer, I noticed a recurring frustration: social media platforms often force crops that ruin the balance of an image. To solve this, I built Aphrodite Frame. It’s an open-source utility that adds intelligent white-border padding to images, ensuring they fit Instagram’s 1:1 or 4:5 ratios perfectly without losing a single pixel of the original composition. The Tech Stack: 🐍 Python & Pillow: Handled the image processing logic and aspect ratio calculations. 🎨 Streamlit: Developed a reactive frontend for instant live previews. ⚡ uv (Astral): Optimized dependency management for a fast, reproducible build. By building this, I was able to bridge the gap between aesthetic design and functional scripting. 📂 Explore the code & documentation: https://lnkd.in/gjNfuD4P (Live demo link available in the README!) #Python #SoftwareEngineering #OpenSource #WebDevelopment #ImageProcessing #BuildInPublic
To view or add a comment, sign in
-
🚀 From theory → to visualization 👇 I recently built an Efficient Page Replacement Algorithm Simulator as part of my Operating Systems learning, and I’m excited to share it here! While studying concepts like FIFO, LRU, and Optimal, I realized that understanding them only from textbooks can be confusing. So I decided to build a simulator that shows exactly what happens inside memory step-by-step. 📸 (Screenshot attached below shows the actual simulation output) 💡 What this project does: Simulates FIFO, LRU, and Optimal algorithms Displays step-by-step memory frame updates Clearly shows page hits and page faults Provides graphical comparison for better analysis 🛠 Tech Stack: HTML • CSS • JavaScript • Chart.js Deployed using Vercel 💭 Key Learning: Building this project helped me understand memory management much more deeply. Visualizing concepts makes a huge difference compared to just reading theory. 🌐 Live Demo: https://eparx.vercel.app/ 📂GitHub Repository: https://lnkd.in/g3_pgehs #OperatingSystems #WebDevelopment #JavaScript #StudentProject #LearningByDoing #BuildInPublic #TechProjects
To view or add a comment, sign in
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development