hardcorenarrativist
/
3d-die-roller
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

Fourth refactoring step

master
Esteban Manchado Velázquez 5 years ago
parent
0e684ef519
commit
4bb47cce4d
1 changed files with 56 additions and 78 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +56
    -78
      dice/dice.js

+ 56
- 78
dice/dice.js View File

@@ -38,7 +38,7 @@
function make_geom(vertices, faces, radius, tab, af) {
var geom = new THREE.Geometry();
for (var i = 0; i < vertices.length; ++i) {
var vertex = (new THREE.Vector3).fromArray(vertices[i]).normalize().multiplyScalar(radius);
var vertex = (new THREE.Vector3()).fromArray(vertices[i]).normalize().multiplyScalar(radius);
vertex.index = geom.vertices.push(vertex) - 1;
}
for (var i = 0; i < faces.length; ++i) {
@@ -109,23 +109,18 @@
var standard_d100_dice_face_labels = [' ', '00', '10', '20', '30', '40', '50',
'60', '70', '80', '90'];
function createDiceMaterials(type, labelColor, diceColor) {
function createDieMaterials(type, labelColor, dieColor) {
if (type === 'd4') {
return create_d4_materials(scale / 2, scale * 2);
} else if (type === 'd100') {
_createDiceMaterials(standard_d100_dice_face_labels,
scale * 1.5,
labelColor,
diceColor);
} else {
_createDiceMaterials(standard_d20_dice_face_labels,
scale,
labelColor,
diceColor);
return _createDiceMaterials(diceInfo[type].labels,
scale * diceInfo[type].marginFactor,
labelColor,
dieColor);
}
}
function _createDiceMaterials(face_labels, margin, labelColor, diceColor) {
function _createDiceMaterials(face_labels, margin, labelColor, dieColor) {
function create_text_texture(text, color, back_color) {
if (text === undefined) return null;
var canvas = document.createElement("canvas");
@@ -154,18 +149,19 @@
$t.copyto(material_options,
{map: create_text_texture(face_labels[i],
labelColor,
diceColor)})
dieColor)})
)
);
}
return materials;
}
function create_dice_materials(face_labels, size, margin, labelColor, diceColor) {
function create_dice_materials(face_labels, margin, labelColor, dieColor) {
function create_text_texture(text, color, back_color) {
if (text === undefined) return null;
var canvas = document.createElement("canvas");
var context = canvas.getContext("2d");
var size = scale / 2;
canvas.width = size + margin;
canvas.height = size + margin;
context.font = size + "pt Arial";
@@ -189,7 +185,7 @@
$t.copyto(material_options,
{map: create_text_texture(face_labels[i],
labelColor,
diceColor)})
dieColor)})
)
);
}
@@ -224,7 +220,7 @@
var labels = [[], [0, 0, 0], [2, 4, 3], [1, 3, 4], [2, 1, 4], [1, 2, 3]];
for (var i = 0; i < labels.length; ++i)
materials.push(new THREE.MeshPhongMaterial($t.copyto(material_options,
{ map: create_d4_text(labels[i], labelColor, diceColor) })));
{ map: create_d4_text(labels[i], labelColor, dieColor) })));
return materials;
}
@@ -310,20 +306,26 @@
shading: THREE.FlatShading,
};
var labelColor = '#aaaaaa';
var diceColor = '#202020';
var dieColor = '#202020';
var d4MaterialCache, d100MaterialCache;
var known_types = ['d4', 'd6', 'd8', 'd10', 'd12', 'd20', 'd100'];
var dice_mass = { 'd4': 300, 'd6': 300, 'd8': 340, 'd10': 350, 'd12': 380, 'd20': 400, 'd100': 350 };
var dice_inertia = { 'd4': 5, 'd6': 13, 'd8': 10, 'd10': 9, 'd12': 8, 'd20': 6, 'd100': 9 };
var diceInfo = {
d4: {mass: 300, inertia: 5, scaleMultiplier: 1.2},
d6: {mass: 300, inertia: 13, scaleMultiplier: 0.9},
d8: {mass: 340, inertia: 10, scaleMultiplier: 1},
d10: {mass: 340, inertia: 10, scaleMultiplier: 0.9},
d12: {mass: 340, inertia: 10, scaleMultiplier: 0.9},
d20: {mass: 340, inertia: 10, scaleMultiplier: 1},
d100: {mass: 340, inertia: 10, scaleMultiplier: 0.9},
d4: {mass: 300, inertia: 5, radiusFactor: 1.2, marginFactor: null},
d6: {mass: 300, inertia: 13, radiusFactor: 0.9, marginFactor: 1,
labels: standard_d20_dice_face_labels},
d8: {mass: 340, inertia: 10, radiusFactor: 1, marginFactor: 1,
labels: standard_d20_dice_face_labels},
d10: {mass: 340, inertia: 10, radiusFactor: 0.9, marginFactor: 1,
labels: standard_d20_dice_face_labels},
d12: {mass: 340, inertia: 10, radiusFactor: 0.9, marginFactor: 1,
labels: standard_d20_dice_face_labels},
d20: {mass: 340, inertia: 10, radiusFactor: 1, marginFactor: 1,
labels: standard_d20_dice_face_labels},
d100: {mass: 340, inertia: 10, radiusFactor: 0.9, marginFactor: 1.5,
labels: standard_d100_dice_face_labels},
};
var dieMaterialCache = {}, dieGeometryCache = {};
@@ -331,12 +333,12 @@
if (!dieGeometryCache.d4) {
dieGeometryCache.d4 = createDieGeometry(
'd4',
scale * diceInfo.d4.scaleMultiplier
scale * diceInfo.d4.radiusFactor
);
}
if (!dieMaterialCache.d4) {
dieMaterialCache.d4 = new THREE.MeshFaceMaterial(
createDiceMaterials('d4', diceColor, labelColor)
createDieMaterials('d4', dieColor, labelColor)
);
}
return new THREE.Mesh(dieGeometryCache.d4, dieMaterialCache.d4);
@@ -346,117 +348,93 @@
if (!dieGeometryCache.d6) {
dieGeometryCache.d6 = createDieGeometry(
'd6',
scale * diceInfo.d6.scaleMultiplier
scale * diceInfo.d6.radiusFactor
);
}
if (!dieMaterialCache[labelColor + diceColor]) {
dieMaterialCache[labelColor + diceColor] = new THREE.MeshFaceMaterial(
create_dice_materials(standard_d20_dice_face_labels,
scale / 2,
scale,
diceColor,
labelColor)
if (!dieMaterialCache[labelColor + dieColor]) {
dieMaterialCache[labelColor + dieColor] = new THREE.MeshFaceMaterial(
createDieMaterials('d6', dieColor, labelColor)
);
}
return new THREE.Mesh(dieGeometryCache.d6, dieMaterialCache[labelColor + diceColor]);
return new THREE.Mesh(dieGeometryCache.d6, dieMaterialCache[labelColor + dieColor]);
};
this.create_d8 = function(/*labelColor, diceColor*/) {
this.create_d8 = function(/*labelColor, dieColor*/) {
if (!dieGeometryCache.d8) {
dieGeometryCache.d8 = createDieGeometry(
'd8',
scale * diceInfo.d8.scaleMultiplier
scale * diceInfo.d8.radiusFactor
);
}
if (!dieMaterialCache[labelColor + diceColor]) {
dieMaterialCache[labelColor + diceColor] = new THREE.MeshFaceMaterial(
create_dice_materials(standard_d20_dice_face_labels,
scale / 2,
scale,
labelColor,
diceColor)
if (!dieMaterialCache[labelColor + dieColor]) {
dieMaterialCache[labelColor + dieColor] = new THREE.MeshFaceMaterial(
createDieMaterials('d8', dieColor, labelColor)
);
}
return new THREE.Mesh(dieGeometryCache.d8, dieMaterialCache[labelColor + diceColor]);
return new THREE.Mesh(dieGeometryCache.d8, dieMaterialCache[labelColor + dieColor]);
}
this.create_d10 = function() {
if (!dieGeometryCache.d10) {
dieGeometryCache.d10 = createDieGeometry(
'd10',
scale * diceInfo.d10.scaleMultiplier
scale * diceInfo.d10.radiusFactor
);
}
if (!dieMaterialCache[labelColor + diceColor]) {
dieMaterialCache[labelColor + diceColor] = new THREE.MeshFaceMaterial(
create_dice_materials(standard_d20_dice_face_labels,
scale / 2,
scale,
labelColor,
diceColor)
if (!dieMaterialCache[labelColor + dieColor]) {
dieMaterialCache[labelColor + dieColor] = new THREE.MeshFaceMaterial(
createDieMaterials('d10', labelColor, dieColor)
);
}
return new THREE.Mesh(dieGeometryCache.d10, dieMaterialCache[labelColor + diceColor]);
return new THREE.Mesh(dieGeometryCache.d10, dieMaterialCache[labelColor + dieColor]);
}
this.create_d12 = function() {
if (!dieGeometryCache.d12) {
dieGeometryCache.d12 = createDieGeometry(
'd12',
scale * diceInfo.d12.scaleMultiplier
scale * diceInfo.d12.radiusFactor
);
}
if (!dieMaterialCache[labelColor + diceColor]) {
dieMaterialCache[labelColor + diceColor] = new THREE.MeshFaceMaterial(
create_dice_materials(standard_d20_dice_face_labels,
scale / 2,
scale,
labelColor,
diceColor)
if (!dieMaterialCache[labelColor + dieColor]) {
dieMaterialCache[labelColor + dieColor] = new THREE.MeshFaceMaterial(
createDieMaterials('d12', dieColor, labelColor)
);
}
return new THREE.Mesh(dieGeometryCache.d12, dieMaterialCache[labelColor + diceColor]);
return new THREE.Mesh(dieGeometryCache.d12, dieMaterialCache[labelColor + dieColor]);
}
this.create_d20 = function() {
if (!dieGeometryCache.d20) {
dieGeometryCache.d20 = createDieGeometry(
'd20',
scale * diceInfo.d20.scaleMultiplier
scale * diceInfo.d20.radiusFactor
);
}
if (!dieMaterialCache[labelColor + diceColor]) {
dieMaterialCache[labelColor + diceColor] = new THREE.MeshFaceMaterial(
create_dice_materials(standard_d20_dice_face_labels,
scale / 2,
scale,
labelColor,
diceColor)
if (!dieMaterialCache[dieColor + labelColor]) {
dieMaterialCache[dieColor + labelColor] = new THREE.MeshFaceMaterial(
createDieMaterials('d20', dieColor, labelColor)
);
}
return new THREE.Mesh(dieGeometryCache.d20, dieMaterialCache[labelColor + diceColor]);
return new THREE.Mesh(dieGeometryCache.d20, dieMaterialCache[labelColor + dieColor]);
}
this.create_d100 = function() {
if (!dieGeometryCache.d100) {
dieGeometryCache.d100 = createDieGeometry(
'd100',
scale * diceInfo.d100.scaleMultiplier
scale * diceInfo.d100.radiusFactor
);
}
if (!d100MaterialCache) {
d100MaterialCache = new THREE.MeshFaceMaterial(
create_dice_materials(standard_d100_dice_face_labels,
scale / 2,
scale * 1.5,
labelColor,
diceColor)
createDieMaterials('d100', labelColor, dieColor)
);
}
return new THREE.Mesh(dieGeometryCache.d100, d100MaterialCache);


Write Preview
Loading…
Cancel
Save