WhitestormJS / Whitestorm App Boilerplate
Licence: mit
[WIP] WhitestormJS 2 App boilerplate
Stars: ✭ 42
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Whitestorm App Boilerplate
Angular2 Webpack Boilerplate
A boilerplate for Angular 2 and Webpack
Stars: ✭ 30 (-28.57%)
Mutual labels: webpack, boilerplate
Bozon
🛠 Command line tool for building, testing and publishing modern Electron applications
Stars: ✭ 687 (+1535.71%)
Mutual labels: webpack, boilerplate
Preact Boilerplate
🎸 Ready-to-rock Preact starter project, powered by Webpack.
Stars: ✭ 959 (+2183.33%)
Mutual labels: webpack, boilerplate
Minimal React Webpack Babel Setup
The minimal React, Webpack, Babel Setup. You want to get beyond create-react-app?
Stars: ✭ 777 (+1750%)
Mutual labels: webpack, boilerplate
M Fe Boilerplates
Lucid & Futuristic Production Boilerplates For Frontend(Web) Apps, React/RN/Vue, with TypeScript(Optional), Webpack 4/Parcel, MobX/Redux 💫 多技术栈前端项目模板
Stars: ✭ 877 (+1988.1%)
Mutual labels: webpack, boilerplate
Vue Crud
Vue.js based REST-ful CRUD system
Stars: ✭ 629 (+1397.62%)
Mutual labels: webpack, boilerplate
Vue Auth Boilerplate
🔑 Vue.js scalable boilerplate with user authentication.
Stars: ✭ 31 (-26.19%)
Mutual labels: webpack, boilerplate
Suicrux
🚀 Ultimate universal starter with lazy-loading, SSR and i18n. [not maintained]
Stars: ✭ 958 (+2180.95%)
Mutual labels: webpack, boilerplate
React Isomorphic Boilerplate
🌟 An universal React isomorphic boilerplate for building server-side render web app.
Stars: ✭ 653 (+1454.76%)
Mutual labels: webpack, boilerplate
Html Sass Babel Webpack Boilerplate
Webpack 4 + Babel + ES6 + SASS + HTML Modules + Livereload
Stars: ✭ 35 (-16.67%)
Mutual labels: webpack, boilerplate
Vortigern
A universal boilerplate for building web applications w/ TypeScript, React, Redux, Server Side Rendering and more.
Stars: ✭ 647 (+1440.48%)
Mutual labels: webpack, boilerplate
Marvin
Opinionated React app boilerplate in TypeScript, based on CRA.
Stars: ✭ 783 (+1764.29%)
Mutual labels: webpack, boilerplate
React Webpack Typescript Starter
Minimal starter with hot module replacement (HMR) for rapid development.
Stars: ✭ 632 (+1404.76%)
Mutual labels: webpack, boilerplate
Thinkful Workshop React Redux Node Mongodb Webpack2
Stars: ✭ 12 (-71.43%)
Mutual labels: webpack, boilerplate
React App
Create React App with server-side code support
Stars: ✭ 614 (+1361.9%)
Mutual labels: webpack, boilerplate
Secure Electron Template
The best way to build Electron apps with security in mind.
Stars: ✭ 623 (+1383.33%)
Mutual labels: webpack, boilerplate
Jekyll Boilerplate
Helpful files to get started working on a new Jekyll website
Stars: ✭ 30 (-28.57%)
Mutual labels: webpack, boilerplate
Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✭ 32 (-23.81%)
Mutual labels: webpack, boilerplate
whitestorm-app-boilerplate
[WIP] WhitestormJS 2 App boilerplate
app.js
// Core
import {App} from '@whs/core/App';
import {
ElementModule,
SceneModule,
CameraModule,
RenderingModule
} from '@whs:app';
import {OrbitModule} from '@whs:controls/orbit';
import {FancyMaterialModule} from './modules/FancyMaterialModule';
// Components
import {Plane} from '@whs+meshes/Plane';
import {BasicComponent} from './components/BasicComponent';
const app = new App([
new ElementModule({
container: document.getElementById('app')
}),
new SceneModule(),
new CameraModule({
position: {
z: -15
}
}),
new RenderingModule({bgColor: 0x000001}),
new OrbitModule()
]);
app.add(new BasicComponent({
modules: [
new FancyMaterialModule(app)
]
}));
app.start();
./components/BasicComponent.js
import {
Mesh,
IcosahedronGeometry,
MeshBasicMaterial
} from '@whs^three';
import {MeshComponent} from '@whs/core/MeshComponent';
export class BasicComponent extends MeshComponent {
build() {
return new Mesh(
new IcosahedronGeometry(3, 5),
this.applyBridge({
material: new MeshBasicMaterial({color: 0xffffff})
}).material
)
}
}
./modules/FancyMaterialModule.js
import {ShaderMaterial} from '@whs^three';
import {Loop} from '@whs/core/Loop';
import glsl from 'glslify';
import vertex from './vertex.glsl';
import fragment from './fragment.glsl';
export class FancyMaterialModule {
constructor(app) {
this.bridge = {
material() {
const material = new ShaderMaterial({
uniforms: {
time: {value: 1.0}
},
vertexShader: vertex,
fragmentShader: fragment
});
new Loop(c => {
material.uniforms.time.value += c.getDelta();
}).start(app);
return material;
}
}
}
}
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].