Bit by bit developers

🚀 SHAPE YOUR DESIGNS LIKE A SCULPTOR 🚀 In our latest release, we’ve added support for BabylonJS gizmos to our visual programming editors. You can now listen to and react to various observables directly in your code. We also allow you to create CAD shapes by following control points, as demonstrated in the video. Additionally, you can limit the gizmos to specific axes. Position, rotation, scale, and bounding box gizmos are all available for use. These tools offer powerful capabilities for your 3D applications, enabling you to encode intuitive and easy-to-understand behaviours into your programs. Project page: https://lnkd.in/gzUa2ked Direct desktop browser preview: https://lnkd.in/g8E-h_bc Edit open-sourced code: https://lnkd.in/gr53S9jp 4K video available on YouTube https://lnkd.in/gQEpP59J Music: bensound.com License code: GUMGCJGNS2HVA6OW #BabylonJS #Gizmos #Gizmo #ControlPoints #VisualProgramming #Rete #BitbybitDev #Observables #CAD #OCCT #OpenCascade #CADShapes #ControlPoints #PositionGizmo #RotationGizmo #ScaleGizmo #BoundingBoxGizmo #3DApplications #VisualEditor #ProgrammingTools #RealTimeInteraction #3DModeling #CodeBehaviors #IntuitiveDesign #SoftwareDevelopment #UserInterface #UI #UX #ParametricDesign #DynamicUI #ControlFlow #VisualProgrammingEditor #LowCode #TechInnovation #InteractiveDesign #3DConfiguration #CADModeling #GizmoTools #ProgrammaticUI #OpenSource #RealTimeUpdate #DesignAutomation #VisualConfigurator #AppDev

🎉 BUILD 3D APPS WITH GRAPHICAL USER INTERFACES 🎊 You can now use parametric GUI components directly in our low-code visual programming editors. These exciting new features are based on our control flow technology and Babylon.js observables. This is a game-changer because it allows your controls to respond dynamically to various constraints and adapt to changing variables in real time. No more guessing when building a UI – you can see exactly what you’re doing at each step. Open-source project seen in the video: https://lnkd.in/gdSc_773 Direct preview: https://lnkd.in/gMi8jeUf Code editor: https://lnkd.in/gymxZk33 4K video is available on YouTube: https://lnkd.in/grUjFUnu Take advantage of UI elements like color pickers, numeric sliders, input fields, buttons, checkboxes, images, and more. In our demo video, we showcase a small UI driving a 3D configurator. Notice how selecting different colors affects both the 3D view and the 2D controls in real time. The best part? You don’t have to leave the visual programming environment. Both Rete and Blockly editors fully support these capabilities. Start building a 3D apps and share them with the world. Music: bensound.com License code: Q5LOJ2BSJCESNL9I #Parametric #BabylonJS #GUI #Rete #Blockly #ControlFlow #BitbybitDev #LowCode #ParametricCode #UserInterface #UI #UX #Observables #DynamicUI #RealTimeVariables #ColorPickers #Slider #NumberSlider #ColorPicker #NumericSliders #Inputs #Button #Checkbox #Images #3DConfigurator #VisualProgramming #TechInnovation #InteractiveUI #AdaptiveControls #ConstraintHandling #DesignTools #CodeBlocks #UIBuilder #InterfaceDesign #ResponsiveDesign #TechDemo #CustomControls #ColorSelection #RealTimeUpdate #DynamicControls #CodeDrivenUI #WorkflowAutomation #ParametricDesign #UIAutomation #ControlAdaptation #VariableConstraints #VisualFeedback #ProgrammaticUI #InterfaceDevelopment #InteractiveDesign #Apps #AppDev #3DConfigurators #LivePreview #DesignAutomation #VisualConfigurator #3DRendering #VisualDesignTools #ProgrammaticInterface #TechFeatures #CodeInnovation #GameDev #3D #OCCT #OpenCascade #CAD #GameEngine #3DModels #3DModeling #geometrynodes

👽 CONCEPT DESIGN FROM OUTER SPACE 👽 Through the lens of an architectural concept, we highlight some of our latest and most powerful features that enable users to design, simulate, and animate parametric 3D models. Our platform leverages a low-code, visual programming environment called Rete, designed to empower both beginners and advanced designers alike. Find the open-source script here: https://lnkd.in/g3gZJiQr Go directly to WebGPU enabled preview on your desktop browser: https://lnkd.in/ggFZMH-9 4K version of this video on YouTube: https://lnkd.in/gs2PkTpm Music by https://lnkd.in/gcVCCCMP License code: XXQKXSMQMSEVZE9Y #3D #OpenCascade #OCCT #AEC #Architecture #Engineering #Construction #Geometry #StructuralDesign #Concept #Futuristic #Experimental #Programming #Algorithms #ComputationalDesign #STEM #Mathematics #STEAM #Geometry #Conceptual #CreativeCoding #Conceptual #ParametricDesign #ArchitecturalConcept #BitbybitDev #VisualProgramming #Rete #BabylonJS #3DModeling #RealTimeSimulation #ProceduralModels #AnimationDesign #GameDevelopment #WebBrowser #LowCode #ReactiveEditor #DesignPlatform

In our latest release, we've introduced a new feature that allows you to create customizable rectangular patterns on OCCT faces. The 3D model shown in this demo highlights the potential of these algorithms for generating detailed, pattern-based surfaces. We're also excited to share an open-source script alongside this release, allowing you to dive deeper into the technical workings of these algorithms. https://lnkd.in/dxqhKMaN 4K Video Available On YouTube: https://lnkd.in/d3jwD3PP By experimenting with the script, you'll be able to modify various parameters and see how each adjustment impacts the final design in real-time. This hands-on approach makes it easier to understand the flexibility of the tools and how they can be adapted to different design contexts. Music by https://lnkd.in/gcVCCCMP License code: HRQ26GYYX1ZSNZ0U #OCCT #RectangularPatterns #3DModeling #OpenCascade #Algorithms #DesignAutomation #CAD #3D #3DModeling #3DPrinting #3DPrint #3DP #STL #Geometry #Parametric #ParametricDesign #Design #Procedural #OpenSource #Free #LearnToCode #STEM #STEAM #BabylonJS #ToolBox #Tools #Box #GameDev #IndieDev #3DSoftware #3DModel #Adapt #Configurator #3DConfigurator #Rete #ReteJS #bitbybitdev #visualprogramming #Patterns #PatternDesign

🦾 NEW ALGORITHMS 🦾 We're pleased to announce the release of new algorithms designed to help you create complex patterns in your designs more easily. In this demo video, we showcase an example where we generated a surface by lofting interpolated wires. From there, we subdivided the surface into multiple parametric sections, following creative patterns that can be controlled with simple lists of numbers or boolean values. Find the project here: https://lnkd.in/d_mfNtcr 4K video available on YouTube: https://lnkd.in/dUWZcSzq We also added the option to apply fillet operations, allowing you to round off shapes in interesting ways, adding flexibility to the design process. These new algorithms are available in our Rete and Blockly visual programming editors, as well as in the Monaco editor for TypeScript. Music by https://lnkd.in/gcVCCCMP License code: 86FWPM1EDUBAA8LP #opencascade #occt #babylonjs #3d #design #algorithms #visualprogramming #patterns #parametricdesign #creativecoding #designsoftware #typescript #rete #retejs #blockly #geometry #stem #steam #programming #computationaldesign #fillet #lofting #subdivision #interpolatedwires #geometricpatterns #designautomation #codebaseddesign #surfacegeneration #parametricpatterns #3dmodeling #digitaldesign

🌇 ☀️ ENJOY INFINITE SUNSETS ☀️ 🌆 We’re excited to introduce a new set of components that let you create realistic sky materials and control directional shadows through Babylon.js game engine. Together with control flow these components allow for great looking environmental simulations directly on the web browser. Visit the demo project here: https://lnkd.in/d-3vyaJs 4K Video On YouTube https://lnkd.in/dvyRj4kd These components not only enhance visual quality but also bring greater depth and immersion to your 3D scenes. When combined with control flow, they allow for dynamic, time-based environmental simulations that can be run seamlessly in any web browser. Music from bensound.com License code: KNYRMOSAG104VSDX #sky #sunset #sunrise #sunpath #sun #sunsimulation #simulation #environment #light #shadows #lighting #3d #babylonjs #skybox #skymaterial #newrelease #demo #controlflow #rete #retejs #gameengine #interactive #stem #steam #visualprogramming #lowcode #environmentalsimulations #shadowstudy #video #youtube #bitbybitdev

👷🏗️ DECOMPOSE SOLID👷🏗️ Sometimes the best way to learn how things are created is by decomposing them into consistent parts. In this tutorial, we’ll take a reverse approach to understanding OCCT (OpenCascade) solid composition by breaking it down into its core components. Instead of building a solid, we’ll disassemble it into faces, break the faces down into wires, and finally, reduce the wires into edges. This process will give you a deeper understanding of OCCT's solid structure, making it easier to create and manipulate 3D models in the future. 4K Video available on YouTube: https://lnkd.in/dJz_Krgx Script seen in the video available here: https://lnkd.in/d9ahPpHe #occt #occt3d #opencascade #cad #tutorial #introduction #geometry #solids #composition #explanation #lesson #visualprogramming #lowcode #parametricdesign #parametric #design #3d #webcad #solidmodeling #3dmodeling #brep #kernel #free #opensource #learntocode #stem #steam #ecucation #edtech

In this tutorial you will learn how to divide wires into multiple points by using the powerful OCCT (OpenCascade) components available in the Rete visual programming editor on https://bitbybit.dev. Guided by Matas Ubarevicius, this tutorial offers a step-by-step approach to working with subdivisions, making it ideal for those new to visual programming and parametric design. Find the script seen in the video by following this link: https://lnkd.in/dGWZ4rN2 4K Video on YouTube: https://lnkd.in/dC3Mv87P We’ll begin by introducing some of the most useful OCCT components that allow you to divide a wire based on parameters. You’ll learn how to divide a wire by equal distances or place points along it based on specific lengths. This tutorial will also cover more advanced methods, including using length patterns for point extraction, which gives you greater control and precision in your designs. By the end of the video, you’ll have a better understanding of wired point extraction within the Rete editor. You’ll also gain access to example scripts enabling you to experiment and build upon what you’ve learned. This tutorial is perfect for both beginners and more experienced users looking to deepen their knowledge of OCCT in visual programming. Be sure to watch through to the end to fully master these techniques and bring your wire-based 3D projects to life! #bitbybitdev #cad #occt #opencascade #3d #tutorial #modeling #points #wires #divide #parametric #parametricdesign #babylonjs #geometry #gamedev #webdev #learntocode #visualprogramming #lowcode #onlinelesson #course #design

Learn how to filter out the items by using Rete editor components. In this short video lecture Matas Ubarevicius will introduce you to 4 components which allow you to get an item by index, get a sublist, filter every n-th item or use the repeatable boolean pattern. 3D script was prepared so that you would see visually how this works. Rete is a great editor for this tutorial because you will see results immediately when buttons on the canvas will be pressed. See you in class! 4K Video available on YouTube https://lnkd.in/dTk4z7t2 #tutorial #lesson #filters #lists #list #filter #pattern #getitem #rete #bitbybitdev #cad #3d #learntocode #visualprogramming #parametricdesign #geometry #list #course #onlinecourse #onlinelecture #babylonjs #programming #coding #scripting #gamedev #indiedev #procedural #visual #interactive #reactive #creativecoding #stem #steam #opencascade #occt

🌟 Welcome, Adventurer, to the Realm of Magical Code! 🌟 Are you ready to embark on an enchanting journey through the mystical lands of game development? 🎮✨ Your wand of choice? TypeScript, of course! And the magical scrolls you'll be weaving through? BABYLONJS, the spellbinding 3D engine. But beware! The path ahead is full of wondrous surprises, visual alchemy, and code that bends reality! In this tutorial, we'll guide you on how to harness the powers of Monaco Editor (our enchanted code scribe) within the Rete visual programming canvas (your mystical workspace). We'll call forth elements from the BABYLONJS spellbook to summon particle systems, communicate with arcane parametric inputs, and control an array of shimmering colors, shapes, and positions. ✨ What You'll Summon: Particles, Particles Everywhere: Using BABYLONJS, you'll breathe life into dazzling particle systems, controlling their number, position, and vibrancy. Visual Components: Learn how to craft and structure visual components like a true enchanter, mastering the flow of magic between them. Control the Magic: Explore how parametric inputs, like the twists of an ancient key, will unlock control over particle attributes—adjusting their colors and movement at will. Component Contexts Explained: Matas Ubarevicius will reveal the secrets of component context, showing how this vital knowledge sets your programming apart from mere mortal code. ⚡️ Ready to Cast Your First Spell? By the end, you'll have full control over particle systems and a deep understanding of how to craft magical visual components. Let's unlock the true power of your game development skills—let the magic begin! ✨ #3d #tutorial #babylonjs #cad #rete #retejs #bitbybitdev #gameengine #gameprogramming #particlesystems #particles #magic #stem #steam #course #lecture #freecourse #learntocode #coding #programming #visualprogramming #indiedev #gamedev #wizard #parametricdesign #procedural #design #creativecoding #computationaldesign #howto #how #digitalart https://lnkd.in/dgNqGizK