Sailing in data ocean.
A vessel.js tutorialChapter 1 - From Plane Lines to 3D HullChapter 2 - From GA to BlocksSection 2.2 - CompartmentsSection 2.4 - Equipments and STL elementsSection 2.5 - Importing External ElementsSection 2.6 - Creating a GLTF realistic modelChapter 3 - Principles of System Engineering Applied to GunnerusSection 3.1 - GUI controller interface - Dropdown menuSection 3.2 - GUI controller interface - Check Box ListChapter 4 - Simulations and Analysis Principles for Vessel.jsSection 4.1 - Coordinate Reference SystemSection 4.2 Advance Resistance Analysis - Pt.1: Propeller ModelSection 4.2 Advance Resistance Analysis - Pt.2: Resistance ModelSection 4.3 - A Brief Explanation of Maneuvering Mathematical Model
Section 2.3 - Tanks
FileAttachment("tank_pos.png")
Gunnerus.derivedObjects[0].id = "Tank8"
Gunnerus.derivedObjects[0].baseObject = "8.No6.sb.FO.#20-A.settl"
Gunnerus.derivedObjects[0].referenceState = {xCentre: 13.102, yCentre: -0.904, zBase: 0.627}
Gunnerus.baseObjects[0].id = "8.No6.sb.FO.#20-A.settl"
Gunnerus.baseObjects[0].boxDimensions = {length: 4.000, breadth: 1.875, height: 1.400}
Gunnerus.baseObjects[0].weightInformation.contentDensity = 830
Gunnerus.baseObjects[0].weightInformation.volumeCapacity = 7.783
Gunnerus.baseObjects[0].weightInformation.fullnessCGMapping.fullnesses = [0.00, 0.25, 0.49, 0.74, 1.00]
Gunnerus.baseObjects[0].weightInformation.fullnessCGMapping.cgs = [
[13.18, 0.29, -0.1],
[12.4, 0.8, 0.22],
[12.21, 0.87, 0.35],
[12.14, 0.89, 0.49],
[12.1, 0.9, 0.63]
]
Gunnerus.baseObjects[0]
ship = new Vessel.Ship(Gunnerus);
ship3D = new Ship3D(ship);
{
const renderer = new THREE.WebGLRenderer({antialias: true});
const scene = new THREE.Scene();
scene.background = new THREE.Color(0xA9CCE3);
const height = 600;
const aspect = width / height;
const camera = new THREE.PerspectiveCamera(50);
camera.up.set(0, 0, 1);
scene.add(camera);
const LOA = ship.structure.hull.attributes.LOA;
camera.position.set(0.7 * LOA, 0.7 * LOA, 0.7 * LOA);
function onWindowResize() {
renderer.setSize(width, height);
camera.aspect = width / height;
camera.updateProjectionMatrix();
}
window.addEventListener('resize', onWindowResize);
const controls = new THREE.OrbitControls(camera, renderer.domElement);
controls.target = new THREE.Vector3(LOA / 2, 0, 0);
controls.update();
invalidation.then(() => renderer.dispose());
renderer.setSize(width, height);
renderer.setPixelRatio(devicePixelRatio);
scene.add(ship3D);
const ambientLight = new THREE.AmbientLight(0xffffff, 0.3);
const mainLight = new THREE.DirectionalLight(0xffffff, 1);
mainLight.position.set(1, 1, 1);
scene.add(ambientLight, mainLight);
var animate = function () {
requestAnimationFrame( animate );
renderer.render( scene, camera );
};
animate();
yield renderer.domElement;
}
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
