par john56 » 25 Oct 2019 20:32
par xeos » 26 Oct 2019 21:27
par john56 » 26 Oct 2019 21:58
par opa95 » 27 Oct 2019 11:27
par xeos » 27 Oct 2019 12:53
par ARTNOW » 27 Oct 2019 13:01
xeos a écrit:Ce sont des widgets utilisable aussi bien sur le portail que sur le mobile. Il y aura un plugin control qui servira au choix des couleurs et choix design (Flat, industriel.....).
par rover820i » 27 Oct 2019 13:35
xeos a écrit:Ca va venir patience......
par xeos » 27 Oct 2019 14:37
. J'ai juste un souci avec session_start pour mutualiser les données.par RAR69 » 27 Oct 2019 17:10
par merguez07 » 27 Oct 2019 18:37
ARTNOW a écrit:Bonjour , tu parles d'une future mise a jours ???
par RAR69 » 27 Oct 2019 20:15
<?php ?>
<!DOCTYPE html>
<html>
<!--Ce script est issu du site : https://www.w3schools.com/graphics/canvas_clock_start.asp-->
<!-- Pour ceux qui souhaitent une horloge analogique dans une de leur pièce. Méthode à suivre :
Cliquez successivement sur :
Configuration / Ajouter ou supprimer un périphérique / Ajouter un autre type de périphérique / Réseau : Contenu HTML/ Créer
Pensez à indiquer une pièce
URL du contenu : http://localhost/script/?exec=horlogeAna.php&user=[VAR1]&secret=[VAR2]
Variables utilisateur : [var1] votre code user, [var2] votre code secret
Hauteur d'affichage : 4 unités
Cette Horloge sera aussi visible sur votre mobile !!!
-->
<body>
<canvas id="canvas" width="280" height="280"
style="background-color:#3A557A"> <!--A1AFC3-->
</canvas>
<script>
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var radius = canvas.height / 2;
ctx.translate(radius, radius);
radius = radius * 0.90
setInterval(drawClock, 1000);
function drawClock() {
drawFace(ctx, radius);
drawNumbers(ctx, radius);
drawTime(ctx, radius);
}
function drawFace(ctx, radius) {
var grad;
ctx.beginPath();
ctx.arc(0, 0, radius, 0, 2*Math.PI);
ctx.fillStyle = 'white';
ctx.fill();
grad = ctx.createRadialGradient(0,0,radius*0.95, 0,0,radius*1.05);
grad.addColorStop(0, '#A1AFC3'); /*Couleur des aiguilles et du cercle intérieur*/
grad.addColorStop(0.5, 'white');
grad.addColorStop(1, '#333'); /*Couleur du cercle extérieur*/
ctx.strokeStyle = grad;
ctx.lineWidth = radius*0.1;
ctx.stroke();
ctx.beginPath();
ctx.arc(0, 0, radius*0.1, 0, 2*Math.PI);
ctx.fillStyle = '#333'; /*Couleur des chiffres et du centre*/
ctx.fill();
}
function drawNumbers(ctx, radius) {
var ang;
var num;
ctx.font = radius*0.15 + "px arial";
ctx.textBaseline="middle";
ctx.textAlign="center";
for(num = 1; num < 13; num++){
ang = num * Math.PI / 6;
ctx.rotate(ang);
ctx.translate(0, -radius*0.85);
ctx.rotate(-ang);
ctx.fillText(num.toString(), 0, 0);
ctx.rotate(ang);
ctx.translate(0, radius*0.85);
ctx.rotate(-ang);
}
}
function drawTime(ctx, radius){
var now = new Date();
var hour = now.getHours();
var minute = now.getMinutes();
var second = now.getSeconds();
//hour
hour=hour%12;
hour=(hour*Math.PI/6)+
(minute*Math.PI/(6*60))+
(second*Math.PI/(360*60));
drawHand(ctx, hour, radius*0.5, radius*0.07);
//minute
minute=(minute*Math.PI/30)+(second*Math.PI/(30*60));
drawHand(ctx, minute, radius*0.8, radius*0.07);
// second
second=(second*Math.PI/30);
drawHand(ctx, second, radius*0.9, radius*0.02);
}
function drawHand(ctx, pos, length, width) {
ctx.beginPath();
ctx.lineWidth = width;
ctx.lineCap = "round";
ctx.moveTo(0,0);
ctx.rotate(pos);
ctx.lineTo(0, -length);
ctx.stroke();
ctx.rotate(-pos);
}
</script>
</body>
</html>par rover820i » 27 Oct 2019 23:22
merguez07 a écrit:ARTNOW a écrit:Bonjour , tu parles d'une future mise a jours ???
Non je ne pense pas que la Team bosse la dessus.
Les widgets ne sont pour l'instant que le fruit des travaux de Xeos et RAR69. Si certains ont des idées n'hésitez pas d'en faire part soit dans ce topic soit sur notre skype (voir ma signature).
par Havok » 28 Oct 2019 16:19
par Senateur » 28 Oct 2019 17:11
par RAR69 » 28 Oct 2019 18:19
Havok a écrit:Je pense qu'en 2019 on peut faire des trucs un peu plus sympa.
par aldiallo-Edomu » 03 Jan 2020 13:03
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 13 invité(s)
