Addon. Produces almost infinite many time-varying geometries with functions

hofk · May 2, 2017, 1:01pm

Thanks @ TheCodeCrafter.

Editable forms library on GitHub

THREEf.js can be used to create very diverse shapes with the help of the functions. However, it is not always easy to find the appropriate formulas for a figure that you imagine.

So I changed the library from PDF to HTML. It is available on GitHub. Thus, one can make its forms available to other users.

Thanks to a large library, THREEf.js is easy to use for many users.

Create a geometry and add it to the library.

document.images[0...].src = "img/    .png";
parameterList[0...].value = "//0... Here is the right place for your example! \n ";
//__________________________________________________________

A short guide is at the end of the file:

// +++++ Do not destroy the following instructions. +++++   
Copy the last section, increase the indices and then describe your form in the penultimate section.
Set the number nnnn, a description and your author tag, possibly with URL.
If you copy the list of parameters into the string, replace the line break with \n
Copy your image to the img directory and use the pattern from above (fourDigits_name.type) for the name.
Take png (or jpg) images up to approximately 100KByte.

If the image is not square, change the height or width in your section:
document.images [index].width = "value" or document.images [index].height = "value"
See examples index 3 and 10, standard is 160 x 160.

github.com

hofk/THREEf.js/blob/dev/formLibrary.html

<!DOCTYPE html>
<html lang="de">
<head>
	<meta charset="utf-8" />
	<title> form library THREEf.js </title>
</head>
<body>
	<h3> form Library THREEf.js  / @author hofk / http://sandbox.threejs.hofk.de/ </h3>
	Join GitHub. Append your form in this file. https://github.com/hofk/THREEf.js . Use the examples as follow:</br>
	</br>	
</body>

<script> // Do not change this first part.
	info = document.body.appendChild( document.createElement( "textarea" ) );
	info.rows="16";
	info.cols="125";
	info.value = "var geometry =  new THREE.Geometry(); // create a base geometry \n // or \nvar geometry =  new THREE.BufferGeometry(); // create a base buffer geometry \ngeometry.createMorphGeometry = THREEf.createMorphGeometry; // insert the method from THREEf\n\n// then apply the method with the appropriate parameters \ngeometry.createMorphGeometry({ \n\n// set the list of parameters from examples below\n\n});\n\n// use the parameter indexed: false, if you want a non-indexed BufferGeometry. \n// use mesh.add( geometry.quadLine ); if you use parameter quadLine: true,"
	
	document.body.appendChild( document.createElement( "hr" ) );

This file has been truncated. show original

I’m new to GitHub, I hope it works.

Topic		Replies	Views
Addon to create special / extended geometries Resources geometry , addon , buffergeometry	12	7676	February 15, 2023
OpenSourced Library/List of Meshes/Geometries Resources geometry , mesh , buffergeometry	3	1003	May 30, 2022
Is it possible to create objects based on matrix array? Questions math	5	1065	October 5, 2020
Multi Form Geometry Resources materials , geometry , animation	4	1613	January 18, 2023
Programatically generate cardboard box Questions geometry , animation	5	2118	September 13, 2021

Addon. Produces almost infinite many time-varying geometries with functions

Related Topics