Diseño 3D en JavaScript: introducción a JSCAD

En esta clase veremos un breve ejemplo, a modo de "hola mundo" con JScad, para aprender cómo utilizar el editor de texto de la versión online de este software.

Escribe el código para humanos! El desempeño no será nuestro objetivo por lo que resulta crucial mantener siempre el código de nuestros proyectos bien organizado para que éste sea fácil de mantener y extender.

La más simple de las transformaciones es "traslación", que nos va a permitir posicionar nuestros modelos en cualquier parte del espacio de diseño. Veremos en esta clase cómo aplicar esta transformación con ejemplos muy simples.

Veremos en esta clase cómo aplicar la transformación "rotación" a nuestros modelos 3D.

Para quienes resulta más intuitivo emplear grados sexagesimales, veremos las utilidades que tiene JScad para realizar la conversión de grados a radianes.

Las operaciones de traslación y rotación aplican transformaciones sobre los conjuntos de puntos referidos al origen del sistema de coordenadas, por eso al alternar estas operaciones, los resultados pueden ser muy distintos, lo cual veremos en un ejemplo demostrativo.

Comenzamos a aplicar operaciones lógicas sobre nuestros modelos geométricos, en esta clase, veremos la función unión del módulo "booleans".

Continuando con las operaciones lógicas, en esta clase vemos la operación diferencia o substracción y la utilizaremos para aplicar un ahuecamiento a un sólido tridimensional.

Finalmente vemos cómo funciona la operación intersección, que nos permite lograr formas únicas de una manera sencilla.

En esta clase veremos cómo se puede emplear la función "extrudeLinear" para darle volumen a una figura 2D.

A veces necesitamos crear cuerpos con cierta simetría radial, para eso, existe la función "extrudeRotate" cuyo funcionamiento y efecto, lo veremos explicado en esta clase mediante un ejemplo demostrativo.

Finalmente y antes de poner en práctica todo lo que aprendimos hasta aquí, veremos cómo crear una envolvente convexa o "hull" para unir distintas figuras en dos dimensiones, para luego darle volumen mediante el método de extrusión lineal.

En esta clase veremos de qué se trata la consigna de este proyecto integrador.

Iniciamos la implementación de nuestro diseño creando la pista circular del rodamiento.

La organización del código en módulos es fundamental para trabajar en equipos de varios diseñadores, haremos una refactorización del código para organizarlo de forma más ordenada.

Continuamos con la segunda parte de diseño, aquí definimos el módulo que nos permite agregar el set de bolillas del rodamiento.

Cuando nuestro proyecto crece, ya resulta difícil mantenerlo en un único archivo, por eso, crearemos un directorio local y lo sincronizaremos con la versión en-línea de OpenJSCAD, para separar nuestros módulos en múltiples ficheros de texto.

Una vez que tenemos implementado nuestro modelo paramétrico, llega el momento de darle al usuario la posibilidad de que configure estos parámetros. Para ello, definiremos una GUI donde será posible ajustar los valores de algunas variables.

En esta clase veremos de qué se trata la consigna de este segundo proyecto integrador.

Realizaremos la parametrización de una de las piezas, en este caso, de las palancas con sus contrapesas, para luego escribir el código que nos permite implementar el modelo 3D con JSCAD.

Al igual que la clase anterior, parametrizaremos el cabezal de nuestro modelo y lo implementaremos en un diseño 3D.

Finalizamos este proyecto con una clase demostrativa donde revisaremos el código completo donde ya se han importado el resto de las piezas y calculado todas las posiciones y orientaciones que nos permiten generar el modelo terminado. Veremos algunos consejos para enviar estas partes a imprimir con impresoras 3D.