xseignard

const { Machine } = require('xstate');
const { interpret } = require('xstate/lib/interpreter');

const mechanisms = {
	initial: 'empty',
	states: {
		empty: {
			on: { NEXT: 'e1' },
		},
		e1: {

xseignard

import * as THREE from 'three';
import 'three/examples/js/loaders/GLTFLoader';
import 'three/examples/js/controls/OrbitControls';

import model from './nantes2.glb';

let camera, scene, renderer, mixer, clock, prevPos;

const init = () => {
	clock = new THREE.Clock();

xseignard

#include "ofAppEGLWindow.h"

#include "ofGraphics.h" // used in runAppViaInfiniteLoop()
#include "ofAppRunner.h"
#include "ofUtils.h"
#include "ofFileUtils.h"
#include "ofGLProgrammableRenderer.h"
#include "ofGLRenderer.h"
#include "ofVectorMath.h"
#include <assert.h>

xseignard

var pageUn = document.querySelector('.page.un');
var pageDeux = document.querySelector('.page.deux');
var pageTrois = document.querySelector('.page.trois');

// Gestion du scroll lors du click sur la fleche de la première page
var btn = document.querySelector('.btn');
btn.addEventListener('click', function(e) {
	window.scroll({ top: pageDeux.offsetTop, left: 0, behavior: 'smooth' });
});

xseignard

Exam B3 - Semestre 1

A partir du dossier zip ci dessous, codez la partie JavaScript nécessaire au fonctionnement du site web. https://dev.drangies.fr/exam/exam2.zip

Au menu :

• gestion des évènements
• récupération des données
• manipulation de données (json, tableaux, chaines de caractères, etc.)
• opérations sur les tableaux

xseignard

Créer le drapeau de la Norvège en HTML/CSS

Le drapeau doit faire 800px par 600px et être centré horizontalement et verticamlement sur le viewport grace à flexbox.

Liste des contraintes

• vous n'avez le droit qu'à 5 div dans le HTML et rien d'autre!!
• vous n'avez le droit qu'à 3 classes CSS!!
• les éléments du drapeau doivent être positionnés en absolu

xseignard

const trackingMethod = 'best';
const renderer = new THREE.WebGLRenderer({
	antialias: true,
	alpha: true,
});
// renderer.autoClear = false;
renderer.setClearColor(new THREE.Color('lightgrey'), 0);
renderer.setSize(640, 480);
renderer.domElement.style.position = 'absolute';
renderer.domElement.style.top = '0px';

xseignard

#!/bin/bash

#This script will compile and install a static ffmpeg build with support for nvenc un ubuntu.
#See the prefix path and compile options if edits are needed to suit your needs.

#install required things from apt
installLibs(){
echo "Installing prerequisites"
sudo apt-get update
sudo apt-get -y install git autoconf automake build-essential libass-dev libfreetype6-dev libgpac-dev \

xseignard

sudo raspi-config 
sudo apt-get install matchbox unclutter xserver-xorg x11-xserver-utils xinit chromium-browser
sudo xinit ./start

start script:

#!/bin/sh
xset -dpms

xseignard

Créer une page affichant la météo d'aujourd'hui et des 2 prochains jours.

A partir de cette url https://partiel-server-vykcnzqwfh.now.sh/ et de la fonction javascript fetch créer une page affichant les informations suivantes:

• température min et max
• vent
• humidité

Vous êtes libres en termes de rendu de votre page, mais concentrez-vous d'abord sur les fonctionalités de votre page, ensuite sur le résultat graphique.

Libres, mais utilisez les techniques de positionnement flexbox.