Tag Archives: game

Do you remember, way before yesterday’s Dominoes Horizontal Block Game Drag Tutorial, way back at Dominoes Horizontal Block Game Width Tutorial, we commented … This “width” issue would probably disappear if Dominoes ever become emojis … and today’s work fulfills that wish … somewhat? It’s not that dominoes have become emojis, yet, but we thought we’d embellish our … Domino basis in code … with overlayed (to any one Domino tile) left hand and right hand emojis, so that we can offer … ++DominoesShapeAnimalFoodTransportActivityEmail … … set of 5 emoji overlayed and 1 domino image and an email snapshot set of extended functionalities onto that one original game type, accessible via a new URL argument type … New initialization Javascript code … var svgis='<svg xmlns=”http://w3.org” style=”position: absolute; width: 0; height: 0;” aria-hidden=”true”><filter id=”edge-detection”><feConvolveMatrix order=”3 3″ kernelMatrix=”-1 -2 -1 0 0 0 1 2 1″ preserveAlpha=”true” /></filter></svg>’; var shapeis=[“\\002739″,”\\002737″,”\\002729″,”\\002727″,”\\002719″,”\\002724″,”\\002713”]; var foodis=[“\\01f371″,”\\01f358″,”\\01f359″,”\\01f35a”,”\\01f35b”,”\\01f35c”,”\\01f35d”,”\\01f360″,”\\01f362″,”\\01f363″,”\\01f364″,”\\01f365″,”\\01f361″,”\\01F366″,”\\01F367″,”\\01F368″,”\\01F369″,”\\01F36A”,”\\01F382″,”\\01F370″]; var animalis=[‘128028′,’128018′,’128030′,’128029′,’128012′,’128040′,’129408′,’128060′,’128027′,’129413′,’128044′,’129445’]; var transportis=[“\\002708″,”\\01F680″,”\\01F681″,”\\01F686″,”\\01F687″,”\\01F68C”,”\\01F68F”,”\\01F5FA”]; var activityis=[“\\0026BD”,”\\01F3C0″,”\\01F3C2″,”\\0026BE”,”\\01F3C1″,”\\01F3D0″,”\\01F3C9″,”\\01F3B1″]; var animgprefix=”, animgsuffix=”, anothertype=”, newtypes=[], thisemhe=”, thisem=”; var othertype=(location.search.split(‘type=’)[1] ? decodeURIComponent(location.search.split(‘type=’)[1].split(‘&’)[0]) : ”); var anothertype=othertype.toLowerCase() + ‘is’, numarr=0; var templateprefix='<span class=”image-wrapper”>’, templatesuffix='<span style=”visibility:visible;” class=”doml dominoes5″></span><span style=”visibility:visible;” class=”domr dominoes6″></span></span>’; if (othertype.toLowerCase().replace(‘dominoes’, ”) != ”) { if (typeof anothertype == “string”) { setTimeout(alat, 3000); animgprefix=templateprefix; animgsuffix=templatesuffix; } } New initialization Javascript function … function alat() { document.getElementById(‘gtype’).innerHTML=othertype; if (anothertype != ‘shapeis’ && document.getElementById(‘dstyle’).innerHTML.indexOf(‘.dominoes0’) == -1) { eval(‘ numarr=’ + anothertype + ‘.length’); while (eval(” + newtypes.length) < 7) { thisemhe=Math.floor(Math.random() * numarr); while (newtypes.indexOf(thisemhe) != -1) { thisemhe=Math.floor(Math.random() * numarr); } eval(‘ thisem=’ + anothertype + ‘[‘ + thisemhe + ‘]’); if (thisem.indexOf(String.fromCharCode(92)) != -1) { document.getElementById(‘dstyle’).innerHTML+='<sty’ + ‘le> .dominoes’ + newtypes.length + “:after { content: ‘” + thisem + “‘; } </sty” + ‘le>’; newtypes.push(thisemhe); } else if (thisem.indexOf(‘x’) != -1) { document.getElementById(‘dstyle’).innerHTML+='<sty’ + ‘le> .dominoes’ + newtypes.length + “:after { content: ‘\\” + (‘000000’ + (” + thisem.replace(String.fromCharCode(92),””).replace(“0x”,””).toString(16).padStart(2, ‘0’))).slice(-6).replace(/\ /g,’0′) + “‘; } </sty” + ‘le>’; newtypes.push(thisemhe); } else if (thisem.toLowerCase().indexOf(‘a’) != -1 || thisem.toLowerCase().indexOf(‘b’) != -1 || thisem.toLowerCase().indexOf(‘c’) != -1 || thisem.toLowerCase().indexOf(‘d’) != -1 || thisem.toLowerCase().indexOf(‘e’) != -1 || thisem.toLowerCase().indexOf(‘f’) != -1) { document.getElementById(‘dstyle’).innerHTML+='<sty’ + ‘le> .dominoes’ + newtypes.length + “:after { content: ‘\\” + (‘000000′ + (” + thisem)).slice(-6).replace(/\ /g,’0’) + “‘; } </sty” + ‘le>’; newtypes.push(thisemhe); } else { document.getElementById(‘dstyle’).innerHTML+='<sty’ + ‘le> .dominoes’ + newtypes.length + “:after { content: ‘\\” + (‘000000’ + eval(thisem).toString(16).padStart(2, ‘0’)).slice(-6) + “‘; } </sty” + ‘le>’; newtypes.push(thisemhe); } } } } Augmented other Javascript functions … … Continue reading →