Commit 3c04dd4b authored by Louise Picot's avatar Louise Picot

louise test 3d fanzine

parent 0c3c60d2
Pipeline #419 canceled with stages
/* j'ai rajouté ça pour que tu vois un peu plus à l'écran */
@media screen {
body {
background-color: grey;
}
.pagedjs_pages {
display: flex;
width: calc(var(--width) * 2);
flex: 0;
flex-wrap: wrap;
margin: 0 auto;
margin-bottom: 3em;
}
.pagedjs_page {
background-color: white;
box-shadow: 0 0 0 2px darkgrey;
margin: 0;
flex-shrink: 0;
flex-grow: 0;
margin-top: 10mm;
}
.pagedjs_first_page {
margin-left: var(--width);
}
.pagedjs_page>[class*="pagedjs_margin"] {
box-shadow: 0 0 0 1px black;
}
/* uncomment for recto/verso book.
--------------------------------------------------- */
.pagedjs_pages {
flex-direction: column;
width: 100%;
}
.pagedjs_first_page {
margin-left: 0;
}
.pagedjs_page {
margin: 0 auto;
margin-top: 10mm;
}
}
body {
/* background-color: rgb(24, 22, 22); */
font-family: arial;
color: rgb(32, 30, 30);
font-size: 1em;
line-height: 1em;
margin: 0mm !important;
padding: 0mm !important;
}
@media print {
@page {
size: 297mm 210mm;
/* border: 1px solid; */
/* margin: 10mm 10mm; */
/* @top-left {
content: "poster ";
} */
@bottom-left {
content: counter(page);
/* content: string(title) */
}
}
body {
counter-reset: figureNumber;
}
.figcaption {
counter-increment: figureNumber;
}
.figcaption::before {
content: counter(figureNumber)
}
img {
width: 105mm !important;
}
a {
color: green;
text-decoration: none;
border-bottom: none;
}
a:hover {
font-style: italic;
color: #426bf4;
}
}
\ No newline at end of file
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- -->
<img src="assets/images/svg/visual-display-of-quantitative-info-white.svg" id="img-drag-14" class="draggable" alt="">
<script src="librairies/three-js/three.js"></script>
<script src="librairies/three-js/OrbitControls.js"></script>
<script src="js/script.js"></script>
<script src="js/three-script.js"></script>
</body>
</html>
\ No newline at end of file
$(function () {
$(".html-img").draggable();
});
\ No newline at end of file
let scene = new THREE.Scene(),
renderer = window.WebGLRenderingContext ? new THREE.WebGLRenderer() : new THREE.CanvasRenderer(),
light = new THREE.AmbientLight(0xffffff),
camera,
box;
const initScene = () => {
renderer.setSize( 500 , 500);
document.getElementById('container').appendChild(renderer.domElement);
scene.add(light)
camera = new THREE.PerspectiveCamera(35, 500/500, 1, 1000)
camera.position.z = 100;
scene.add(camera)
box = new THREE.Mesh(
new THREE.BoxGeometry(20,20,20),
new THREE.MeshBasicMaterial({color: 0xFF0000})
)
box.name = "box";
scene.add(box)
render();
}
const render = () => {
box.rotation.y += 0.01;
renderer.render(scene, camera);
requestAnimationFrame(render);
}
window.onload = initScene;
This diff is collapsed.
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment