1.1 Introduction

Brief introduction

Threefy is a react-based 3D renderer using three.js, which makes 3D easier. The threefy library described in this document is a 3D package developed in pure JavaScript language designed to help you create HTML-based 3D content more easily and quickly.

Dependent modules

Threefy is a 3D library created by combining two libraries. One is three.js, which helps with graphics processing based on 3D WebGL, and the other is react technology, which helps create component-based UI. In the end, threefy is a tool that allows anyone to easily and quickly manipulate 3D models on the web by turning three.js javascript classes into JSX (JavaScript XML) component elements.

Features (compared to competing products)

• Simplicity: This threefy has been developed based only on three.js and react, but existing competing products require the installation of approximately 18 libraries. For example, you need to install zustand. There are inconveniences in terms of maintenance due to dependence on multiple libraries, and in some cases, version conflict problems may occur due to version differences.

• Module dependency: Additionally, existing competitive products cannot immediately respond to periodic version changes in three.js. In comparison, threefy is structured as much as possible so that there is no need to modify it except for changing the class name of three.js.

• Ease of use: In addition, looking at the code syntax, threefy uses the syntax of three.js as much as possible, so if you are experienced with three.js, you can use threefy right away by practicing a few examples without a special tutorial.