{"id":1415,"date":"2009-12-16T19:08:06","date_gmt":"2009-12-16T18:08:06","guid":{"rendered":"http:\/\/www.alphak.net\/news\/?p=1415"},"modified":"2009-12-16T19:08:06","modified_gmt":"2009-12-16T18:08:06","slug":"pong-clock-les-premieres-images","status":"publish","type":"post","link":"https:\/\/www.alphak.net\/news\/2009\/12\/pong-clock-les-premieres-images\/","title":{"rendered":"Pong Clock, les premi\u00e8res images"},"content":{"rendered":"<p>Voila enfin, en exclusivit\u00e9 mondiale, les <strong>premi\u00e8res images<\/strong> du d\u00e9veloppement de l&rsquo;horloge Pong !<\/p>\n<p><strong>Avec \u00e9galement un petit bilan interm\u00e9diaire des frais :<\/strong><\/p>\n<ul>\n<li>2\/3 heures de d\u00e9veloppement<\/li>\n<li>200 lignes de code (sans la police de caract\u00e8res)<\/li>\n<\/ul>\n<p><strong>Avec en contrepartie les r\u00e9sultats suivants :<\/strong><\/p>\n<ul>\n<li>Affichage du terrain, des raquettes, et de la balle.<\/li>\n<li>Affichage du score (police non d\u00e9finitive) en fonction de de l&rsquo;heure syst\u00e8me.<\/li>\n<li>Gestion d&rsquo;une zone vide optionnelle au dessus du terrain, pouvant \u00eatre d\u00e9di\u00e9e \u00e0 l&rsquo;affichage des scores ou de tout autre information.<\/li>\n<li>Taille du terrain, des raquettes, et de la balle customisables.<\/li>\n<li>Gestion de plusieurs r\u00e9solutions en 4\/3 de 320*240 \u00e0 1600*1200.<\/li>\n<li>Affichage des premiers \u00e9l\u00e9ments de d\u00e9bogage.<\/li>\n<\/ul>\n<p>Pour faciliter mes tests, les d\u00e9veloppements sont effectu\u00e9s sur une <strong>machine virtuelle<\/strong>. Les captures d&rsquo;\u00e9cran sont \u00e9galement issues de cette VM. Voici l&rsquo;\u00e9cran d&rsquo;initialisation :<\/p>\n<div id=\"attachment_1416\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/cdn.alphak.net\/news\/wp-content\/uploads\/sites\/2\/2009\/12\/pongclock-1.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1416\" class=\"size-medium wp-image-1416\" title=\"pongclock-1\" src=\"http:\/\/cdn.alphak.net\/news\/wp-content\/uploads\/sites\/2\/2009\/12\/pongclock-1-300x225.png\" alt=\"L'\u00e9cran de d\u00e9part, balle au centre, score initialis\u00e9 \u00e0 l'heure courante : 20h27.\" width=\"300\" height=\"225\" srcset=\"https:\/\/cdn.alphak.net\/wp-content\/uploads\/sites\/2\/2009\/12\/pongclock-1-300x225.png 300w, https:\/\/cdn.alphak.net\/wp-content\/uploads\/sites\/2\/2009\/12\/pongclock-1.png 640w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1416\" class=\"wp-caption-text\">L&#39;\u00e9cran de d\u00e9part, balle au centre, score initialis\u00e9 \u00e0 l&#39;heure courante : 20h27.<\/p><\/div>\n<p>Les \u00e9l\u00e9ments sont pour le moment <strong>tous fixes<\/strong>. D\u00e8s les premiers moments d&rsquo;animation, je devrai contr\u00f4ler que chaque \u00e9l\u00e9ment reste dans son p\u00e9rim\u00e8tre. C&rsquo;est pourquoi j&rsquo;ai d&rsquo;ores et d\u00e9j\u00e0 commenc\u00e9 \u00e0 afficher en surimpression quelques \u00e9l\u00e9ments de <strong>d\u00e9bogage<\/strong>.<\/p>\n<ul>\n<li>En rouge le p\u00e9rim\u00e8tre de mouvement de la balle, par rapport \u00e0 son centre.<\/li>\n<li>En bleu le rail des deux raquettes, par rapport \u00e0 leur centre \u00e9galement.<\/li>\n<\/ul>\n<div id=\"attachment_1417\" style=\"width: 310px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/cdn.alphak.net\/news\/wp-content\/uploads\/sites\/2\/2009\/12\/pongclock-2.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1417\" class=\"size-medium wp-image-1417\" title=\"pongclock-2\" src=\"http:\/\/cdn.alphak.net\/news\/wp-content\/uploads\/sites\/2\/2009\/12\/pongclock-2-300x225.png\" alt=\"Affichage des infos de d\u00e9bogage. Notez la zone vide en haut de l'\u00e9cran, r\u00e9duisant ainsi la taille du terrain.\" width=\"300\" height=\"225\" srcset=\"https:\/\/cdn.alphak.net\/wp-content\/uploads\/sites\/2\/2009\/12\/pongclock-2-300x225.png 300w, https:\/\/cdn.alphak.net\/wp-content\/uploads\/sites\/2\/2009\/12\/pongclock-2.png 640w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1417\" class=\"wp-caption-text\">Affichage des infos de d\u00e9bogage. Notez la zone vide en haut de l&#39;\u00e9cran, r\u00e9duisant ainsi la taille du terrain.<\/p><\/div>\n<p>Je trouve le r\u00e9sultat satisfaisant pour le moment. On attaquera les choses s\u00e9rieuses la prochaine fois, puisqu&rsquo;il faudra commencer \u00e0 <strong>animer <\/strong>les diff\u00e9rents \u00e9l\u00e9ments, et <strong>pr\u00e9voir la trajectoire<\/strong> de la balle.<\/p>\n<p>Stay tuned.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voila enfin, en exclusivit\u00e9 mondiale, les <strong>premi\u00e8res images<\/strong> du d\u00e9veloppement de l&rsquo;horloge Pong !<\/p>\n<p><strong>Avec \u00e9galement un petit bilan interm\u00e9diaire des frais :<\/strong><\/p>\n<ul>\n<li>2\/3 heures de d\u00e9veloppement<\/li>\n<li>200 lignes de code (sans la police de caract\u00e8res)<\/li>\n<\/ul>\n<p><strong>Avec en contrepartie les r\u00e9sultats suivants :<\/strong><\/p>\n<ul>\n<li>Affichage du terrain, des raquettes, et de la balle.<\/li>\n<li>Affichage du score (police non d\u00e9finitive) en fonction de de l&rsquo;heure syst\u00e8me.<\/li>\n<li>Gestion d&rsquo;une zone vide optionnelle au dessus du terrain, pouvant \u00eatre d\u00e9di\u00e9e \u00e0 l&rsquo;affichage des scores ou de tout autre information.<\/li>\n<li>Taille du terrain, des raquettes, et de la balle customisables.<\/li>\n<li>Gestion de plusieurs r\u00e9solutions en 4\/3 de 320*240 \u00e0 1600*1200.<\/li>\n<\/li>\n\t<div class=\"post-teaser-block\">\r\n\t\t<div class=\"teaserHellip\">\r\n\t\t\t<span class=\"teaserLeft\">[<\/span><span class=\"teaserCenter\">&hellip;<\/span><span class=\"teaserRight\">]<\/span>\r\n\t\t<\/div>\r\n\t\t<div class=\"teaserText\">\r\n\t\t\t<a href=\"https:\/\/www.alphak.net\/news\/2009\/12\/pong-clock-les-premieres-images\/\" title=\"Pong Clock, les premi\u00e8res images\" rel=\"bookmark\"><span class=\"teaserlink\">Lire la suite de l'article&nbsp;<i class=\"fa fa-chevron-right\"><\/i><\/span><\/a>\r\n\t\t<\/div>\r\n\t\t<a class=\"teaserLink\" href=\"https:\/\/www.alphak.net\/news\/2009\/12\/pong-clock-les-premieres-images\/\" title=\"Pong Clock, les premi\u00e8res images\" rel=\"bookmark\"><\/a>\r\n\t<\/div>\r\n","protected":false},"author":1,"featured_media":1416,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[142],"tags":[205,113,114,204,194],"class_list":["post-1415","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bricolage","tag-c","tag-horloge","tag-pong","tag-programmation","tag-svgalib"],"_links":{"self":[{"href":"https:\/\/www.alphak.net\/news\/wp-json\/wp\/v2\/posts\/1415"}],"collection":[{"href":"https:\/\/www.alphak.net\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.alphak.net\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.alphak.net\/news\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.alphak.net\/news\/wp-json\/wp\/v2\/comments?post=1415"}],"version-history":[{"count":0,"href":"https:\/\/www.alphak.net\/news\/wp-json\/wp\/v2\/posts\/1415\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.alphak.net\/news\/wp-json\/wp\/v2\/media\/1416"}],"wp:attachment":[{"href":"https:\/\/www.alphak.net\/news\/wp-json\/wp\/v2\/media?parent=1415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.alphak.net\/news\/wp-json\/wp\/v2\/categories?post=1415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.alphak.net\/news\/wp-json\/wp\/v2\/tags?post=1415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}