0.0.14 • Published 2 years ago

@aualrxse/quick-sand v0.0.14

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

A Project is based on Next.js.

To know more about Next.js, see README_NEXT.md.

Installation

$ npm install

Create Project

$ npx quick-sand create -name [PROJECT_NAME]
$ npx quick-sand create -name Trail

Open http://localhost:3000/projects/[PROJECT_NAME] with your browser to see the result.

Options

$ npx quick-sand create --n Trail --ts
optionshort handdescription
-name [PROJECT_NAME]--nA module name following the -name qualifier.
-typescript--tsA module which is created is written in TypeScript.

Edit Project

You can start editing the page by modifying

  • src/pages/projects/[PROJECT_NAME].jsx
  • src/lib/webgl/projects/[PROJECT_NAME]/main.js
  • src/styles/projects/[PROJECT_NAME].module.scss

The page auto-updates as you edit the file.

Page Entry Point

src/pages/projects/[PROJECT_NAME].jsx

WebGL Entry Point

src/lib/webgl/projects/[PROJECT_NAME]/main.js

  • This class extends from WebGLBase.
  • You can access all the public or protected WebGLBase api.

WebGLBase

nameaccesstypedescription
init()publicmethod
deInit()publicmethod
render()publicmethod
_onInit()protectedmethod
_onDeInit()protectedmethod
_onResize()protectedmethod
_onUpdate()protectedmethod
_sceneprotectedScene
_rendererprotectedWebGLRenderer
_cameraprotected_PerspectiveCameara | _OrthographicCamera
_canvasprotectedHTMLCanvasElement
_settingsprotectedWebGLOptions
_elapsedTimenumberElapsed time from last initialization

Style Entry Point

src/styles/projects/[PROJECT_NAME].module.scss

Next Source Directory Construction

pathdescription
src/apiAny modules that sends some request to outer API.
src/componentsReact (.jsx, .tsx) components.
src/constantsConstants
src/pagesWhen a file is added to the this directory, it's automatically available as a route. See here
src/stylesStylesheets
src/typesType declaration files.
src/utilsUtility functions etc.
src/libAny libraries that doesn't depend on components.

Index Page

  • Creating the sitemap in index page automatically every creation.
  • You can edit the styles(src/styles/index.module.scss) and customize its looks.

Author

arata matsumoto (@aualrxse)

0.0.14

2 years ago

0.0.13

2 years ago

0.0.12

2 years ago

0.0.11

2 years ago

0.0.10

2 years ago

0.0.9

2 years ago

0.0.8

2 years ago

0.0.7

2 years ago

0.0.6

2 years ago

0.0.5

2 years ago

0.0.4

2 years ago

0.0.3

2 years ago

0.0.2

2 years ago

0.0.1

2 years ago

0.0.0

2 years ago