🚀 🥽 IMMERSIVE VISUAL 3D PROGRAMMING IN META QUEST PRO 🥽🧪 In our latest release, we’ve introduced several key components that allow you to create immersive WebXR scenes using the Rete visual programming editor. In the demo video, we show how you can edit a script directly within the Meta Quest Pro Mixed Reality headset, adjusting its nodes in real time. The 3D model appears in your space as if it’s right next to you. Visit the public open-sourced WebXR project: https://lnkd.in/dZY2KphK IMPORTANT - you need to use AR compatible device to run this script. Headset icon should appear automatically if immersive-ar mode is supported. Higher Quality YouTube Video: https://lnkd.in/dCdZx6pK We’ve also added the ability to create graphical user interface elements on 3D meshes. For example, we created a color picker in the center of the 3D model, allowing users to change colors interactively. This feature utilizes an impressive torus knot algorithm developed by the BabylonJS team. In this script, we used control flow to connect the color picker to the material color and to start the torus’s rotating animation. We ran this demo on a headset with limited computing power, thus we avoided heavy CAD algorithms. We plan to explore PCVR use cases soon to test this programming mode in more complex scenarios. If you’re interested, please subscribe for updates. We hope you enjoy the demo! Music by Bensound License code: JTPFV8TA9MCSRR1P #WebXR #XR #VR #AR #AugmentedReality #BabylonJS #VirtualReality #Rete #VisualProgramming #CreativeCoding #3DModeling #InteractiveDesign #ImmersiveExperience #BITBYBITDEV #CodingTools #Meta #MetaQuest #Quest #GameDev #IndieDev #3D #UserInterface #ColorPicker #RealTimeEditing #MixedReality #NodeBasedProgramming #ProgrammingEnvironment #DigitalArt #CreativeTechnology #VRExperiences #SpatialComputing #DesignTools #AlgorithmicArt #UserExperience #ProgrammingEducation #InteractiveMedia #TechInnovation #CrossPlatformDevelopment #3DAnimation #DevelopmentPlatform #Prototyping #VisualInterfaces #Simulation #ArtAndTechnology #3DRendering #Multimedia #SoftwareDevelopment #ParametricDesign #Parametric #VisualEffects #InteractiveApplications #CodingCommunity #EducationTechnology #TechForCreatives #FutureOfCoding #SoftwareTools #OpenSource #ARApps #WebDevelopment #DigitalExperiences #MixedRealityDevelopment #CreativeProjects #3DInteraction #CodingInAR #VirtualPrototyping #DigitalInterfaces #TechDemos #ComputationalDesign #3DGameEngines #CodingWorkflows #AugmentedExperiences #InteractiveCoding #VisualLearning #MixedRealityExperiences #SoftwareSolutions #3DTools #TechForArtists #NodeBasedSystems #RealTimeApplications #CreativeSolutions #InnovativeCoding #UserCentricDesign #3DFrameworks #ProgrammingCreativity #EdTech #VisualizationTools #InteractiveStorytelling #NextGenDevelopment #DigitalInnovation #SoftwareForArtists #DesignAndCode #ARInterfaces #TechnologyInArt #3DCreativeCoding #Procedural #GUI #UI #UX #CAD
Bit by bit developers
Software Development
We make web based 3D CAD software solutions, configurators and platform for programming geometry on the browser
About us
We make web based 3D CAD software solutions, configurators and our own open source, community-based, frictionless web platform that allows creators to program geometry through simple visual programming language. This tool is great for all ages and can fulfil many artistic, educational, and practical needs of its users. Through familiar programming interface used in tools such as Scratch and Blockly.Games we expose powerful 3D algorithms that make it easier to implement various parametric tasks. Our goal is to make it very simple for users to share their ideas and designs by just exporting and importing scripts, uploading designs, and participating in discussions on Discord. We want to encourage everyone to engage in the future of this tool.
- Website
-
https://bitbybit.dev
External link for Bit by bit developers
- Industry
- Software Development
- Company size
- 1 employee
- Headquarters
- Vilnius
- Type
- Privately Held
- Founded
- 2020
Locations
-
Primary
Vilnius, LT
Employees at Bit by bit developers
Updates
-
🚀 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