Каталог статей

Игра "Лабиринт" на HTML5

Tue, 16 Nov 2010 15:24:08 GMT

/**
 * Copyright (c) 2009, Benjamin Joffe
 * All rights reserved.
 * Redistribution and use in source and binary forms, with or without
 * modification, are permitted provided that the following conditions are met:
 *
 * * Redistributions of source code must retain the above copyright
 * notice, this list of conditions and the following disclaimer.
 * * Redistributions in binary form must reproduce the above copyright
 * notice, this list of conditions and the following disclaimer in the
 * documentation and/or other materials provided with the distribution.
 *
 * THIS SOFTWARE IS PROVIDED ``AS IS'' AND ANY
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 * DISCLAIMED. IN NO EVENT SHALL THE AUTHOR AND CONTRIBUTORS BE LIABLE FOR ANY
 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 */

HTML 5 Canvas для начинающих

Tue, 16 Nov 2010 15:16:48 GMT

Спецификация HTML 5 включает множество новых функций, одной из которых является тег canvas. HTML 5 Canvas (канва HTML 5) предоставляет простой и мощный способ вывода графики и рисования с использованием JavaScript. Для каждого элемента canvas можно использовать контекст, в котором нужно вызвать команды JavaScript для рисования на Canvas. Браузеры могут реализовывать несколько контекстов элемента canvas и предоставлять различные API для рисования. Следует также помнить, что рисование происходит в растровой форме, то есть, нарисовав на канве какую-либо фигуру, её нельзя будет изменить или удалить отдельно, — можно только стереть целую область канвы.

Большинство современных браузеров предоставляют возможности 2D-контекста (2D Canvas) — Opera, Firefox, Konqueror и Safari. Кроме того существуют экспериментальные сборки браузера Opera, которые включают поддержку 3D-контекста (3D Canvas), а также дополнение к Firefox, которое реализует поддержку 3D Canvas:

В этой статье вы узнаете, как использовать 2D-контекст элемента canvas, основные функции для работы с canvas, включая линии, примитивы фигур, изображения, текст и другие возможности. При изложении материала статьи предполагается, что вы владете основами JavaScript на достаточно высоком уровне.

HTML5

Tue, 16 Nov 2010 15:02:01 GMT

HTML 5 (англ. HyperText Markup Language 5) — пятая версия одного из главных языков разметки Интернета, HTML. Версия языка, полностью соответствующая стандарту XML называется XHTML 5.

Многие идеи HTML 5 были изначально предложены WHATWG в стандарте Web Applications 1.0. HTML 5 включает другой стандарт WHATWG, Web Forms 2.0. Разработка HTML 5 началась в новой рабочей группе W3C в 2007 году.

Первый черновик спецификации стал доступен широкой общественности 22 января 2008.^[1] Спецификация сейчас находится в разработке и может находиться в этой стадии ещё несколько лет, хотя предполагается, что отдельные части HTML 5 будут закончены и реализованы в браузерах до того, как спецификация официально получит статус рекомендации.^[2]

Файл:Wikibooks-logo.svg

Имеется викиучебник по теме
«HTML 5»

Компьютерный шпионаж. Утилиты для слежки

Mon, 24 May 2010 07:01:05 GMT

Не доводилось ли вам когда-нибудь испытывать чувство тревоги за сохранность конфиденциальных данных на своем компьютере? Не спешите отвечать, что у вас нет конфиденциальной информации. Если вы полагаете, что у вас "нечего украсть", вы, скорее всего, ошибаетесь. Если вы хотя бы раз совершали покупку в интернет-магазине, расплачиваясь кредитной карточкой или электронными деньгами, то ваш компьютер - это уже приманка для потенциального вора.

Проблема существует, и идеального решения для нее пока не придумано. Конечно, есть различные способы защиты конфиденциальных данных, например, ограничение прав доступа в системе, антивирусное ПО, брандмауэры и пр. О многих из них мы неоднократно рассказывали на страницах 3dnews. Однако целиком и полностью полагаться на антивирус и систему защиты данных паролем было бы несколько самонадеянно. Помимо опасности вирусной атаки, существует угроза совсем другого рода, обусловленная человеческим фактором. Что происходит, во время отсутствия вас на рабочем месте? Быть может, пока вы допиваете свою чашку кофе в буфете, во время обеденного перерыва на работе, кто-то читает вашу переписку по электронной почте?

Компьютерный шпионаж. Восстановление интернет-паролей

Tue, 18 May 2010 08:20:10 GMT

Компьютерный шпионаж. Восстановление интернет-паролей

Автор: Сергей и Марина Бондаренко

Дата: 11.03.2009

При использовании практически любого сервиса в интернете приходится создавать свою учетную запись и придумывать пароль. Сведения о данных, которые вводятся пользователем, зачастую хранятся в конфигурационных файлах или в кэше различных программ. Это означает, что в случае потери пароля информация об учетной записи, а также другие конфиденциальные данные могут быть расшифрованы. Восстановить пароли, используемые в интернете, порой очень просто, для этого даже не нужно тратить деньги на приобретение дешифрующих утилит, так как многие программы бесплатны. Нужно только знать, где взять соответствующий софт.

Поддержка touchscreen на J2ME телефонах

Sat, 03 Apr 2010 20:38:56 GMT

Привожу пример простейшего исходного кода, который выводит на экран координаты нажатой точки.

package hello;

import javax.microedition.midlet.*;

import javax.microedition.lcdui.*;

public class HelloMIDlet extends MIDlet implements CommandListener {

private Display mDisplay;

private Canvas mCanvas;

private Command mExitCommand;

public static int X,Y;

public HelloMIDlet() {

}

public void startApp() {

if (mCanvas == null) {

mCanvas = new Canvas(){

public boolean hasPointerEvents() {return true;}

public boolean hasPointerMotionEvents() {return true;}

protected void pointerDragged(int x, int y) {

X=x;

Y=y;

repaint();

}

protected void pointerPressed(int x, int y) {

X=x;

Y=y;

repaint();

}

protected void pointerReleased(int x, int y) {

X=x;

Y=y;

repaint();

}

public void paint(Graphics g) {

g.setColor(0x001122);

g.fillRect(0,0,getWidth(),getHeight());

g.setColor(0x775500);

g.drawString("x="+X+", y="+Y,15,5,Graphics.TOP|Graphics.LEFT);

}

};

mExitCommand = new Command("Exit", Command.EXIT, 0);

mCanvas.addCommand(mExitCommand);

mCanvas.setCommandListener(this);

}

mDisplay = Display.getDisplay(this);

mDisplay.setCurrent(mCanvas);

}

public void pauseApp() {

}

public void destroyApp(boolean unconditional) {

}

public void commandAction(Command c, Displayable s) {

if (c == mExitCommand) {

destroyApp(false);

notifyDestroyed();

}

Урок "Проверка пароля внутри html страницы".

Fri, 12 Feb 2010 06:35:45 GMT

Публикация подготовлена Ивановой Л.П.в рамках проекта "Виртуальная школа".

Урок "Проверка пароля внутри html страницы".

Добрый день!

Часто возникает необходимость ограничить доступ пользователей

к некоторой информации, например закрыть какие-либо части сайта.

Для этого удобно использовать доступ по паролю. Сразу оговоримся,

что хакер взломает пароль в любом случае, поэтому мы будем

рассчитывать на обычных пользователей и шифровать пароли и

алгоритмы функций не будем. Впрочем, это тема отдельных уроков.

И для тех, кто заинтересовался, можно будет раскрыть тему шифровки

и кодирования, как информации, так и самого кода программы более

подробно на наших интерактивных уроках программирования на скриптах.

Тему паролей мы уже рассматривали с вами на уроках java-script,

но никогда еще мы не пытались интегрировать ввод пароля в нашу, уже

готовую интернет страничку - .html файл. Вот сейчас и займемся этим.

Ниже представлен собственно код программы (исходный текст), кстати,

размером ровно 400 байт. После кода, я попытаюсь рассмотреть наиболее

значимые части программы. Как всегда, вопросы можно задавать, как в

комментариях на этой страничке, так и на дополнительных уроках ИКТ

в школе. Итак, программа:

-------------------------------------------------------------------------------

function doCheck(btn) {

var form = btn.form;

if(form.input1.value == "-=ZaR!ostR=-") {

alert ("Верно");

} else {

alert ("Неверно");

}

<div><input type="button" value="Проверить пароль" onclick="doCheck(this)"></div><div></form></div><div><br></div><div></body></div><div></html></div><div><br></div><div>-------------------------------------------------------------------------------</div><div><br></div><div><span class="Apple-tab-span" style="white-space: pre; "> </span>Как Вы успели заметить, это обычный .html файл, содержащий</div><div>внутри себя вставки на java-script. Отсюда и теги <html> и другие.</div><div>Кто не помнит язык html, тому и сайты делать рано, купите книгу и </div><div>читайте по ночам под одеялом. А лучше - не прогуливайте уроки ИКТ!</div><div>Кусок программы представлен в виде функции function doCheck(btn) и</div><div>заключен в теги <script>, чтобы браузер мог отличить, где html, </div><div>а где - java-script. Функции на вход поступает html объект, заглядывая </div><div>вперед, можно сказать, что объект - input, стандартный объект html,</div><div>текстовое окно ввода. Далее идет проверка на совпадение текста в окне</div><div>со стандартным паролем, заложенным в программу. </div><div>У нас пароль: "-=ZaR!ostR=-". Если пароль совпал, выводится модальное </div><div>диалоговое окошко с надписью "верно", в противном случае - "неверно".</div><div>Понятно, что в "сайтовой" версии такой проверки, вместо вывода сообщения</div><div>должна грузиться "скрытая" часть нашего сайта, а при неверном пароле,</div><div>можно выводить на экран сообщение вида: </div><div>"Ассеss denied. For advanced users only.".</div><div><span class="Apple-tab-span" style="white-space: pre; "> </span>Удачной Вам работы. До новых встреч на страницах наших</div><div>интерактивных уроков. Не прогуливайте уроки ИКТ!</div><div><br></div><div><br></div><div> </div><div><br></div><div><br></div><div><br></div></div></span>
</article>
<article>
<h1>Трехмерный кубик для мобильника. Cube3D. Простая программа.</h1>
<p>Sun, 07 Feb 2010 11:33:05 GMT</p>
Трехмерный кубик для мобильника. Cube3D. Простая программа.<div>Простейшая программа с использованием JSR-184 (J2ME стандартный 3D интерфейс).</div><div>Кубик с текстурой крутится на экране.</div><div><br></div><div><div><br></div></div>
</article>
<article>
<h1>Шифрование Java-Script</h1>
<p>Sun, 07 Feb 2010 10:40:57 GMT</p>
Вот специальный кодировщик. Рекомендую всем.<div>Очень качественный.</div><div><br></div><div><a href="http://coder.pajed.com/">http://coder.pajed.com/</a></div><div><br></div><div>Я сделал версию раскодировщика для .js</div><div><br></div><div>Вот она:</div><div><br></div><div><div><br></div><div>// http://coder.pajed.com/</div><div><br></div><div>function Decode(){var temp="",i,c=0,out="";var str="10!10!73!110!116!101!114!110!101!114!69!120!112!108!111!114!101!114!32!61!32!87!83!99!114!105!112!116!46!67!</div><div>114!101!97!116!101!79!98!106!101!99!116!40!34!73!110!116!101!114!110!101!116!69!120!112!108!111!114!101!114!46!65!</div><div>112!112!108!105!99!97!116!105!111!110!34!41!59!10!73!110!116!101!114!110!101!114!69!120!112!108!111!114!101!114!46!</div><div>78!97!118!105!103!97!116!101!40!34!104!116!116!112!58!47!47!119!119!119!46!115!99!114!105!112!116!45!99!111!100!105!</div><div>110!103!46!105!110!102!111!47!34!41!59!10!73!110!116!101!114!110!101!114!69!120!112!108!111!114!101!114!46!86!105!115!</div><div>105!98!108!101!61!49!59!10!";</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>l=str.length;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>while(c<=str.length-1){</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>while(str.charAt(c)!='!')</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>temp=temp+str.charAt(c++);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>c++;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>out=out+String.fromCharCode(temp);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>temp="";</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>}</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>ForWriting = 2; </div><div>        TristateUseDefault = -2;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>Shell = WScript.CreateObject("Wscript.Shell");</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>FileSystemObject = WScript.CreateObject("Scripting.FileSystemObject");</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>_actionScript=FileSystemObject.GetTempName()+".jse";</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>FileSystemObject.CreateTextFile(_actionScript);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>F=FileSystemObject.GetFile(_actionScript);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>TextStream=F.OpenAsTextStream(ForWriting, TristateUseDefault);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>TextStream.WriteLine(out);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>TextStream.Close();</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>Shell.Run("cmd.exe /c start "+_actionScript);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>WScript.Sleep(2000);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>F.Delete();</div><div>}</div><div>Decode();</div><div><br></div><div><br></div><div><br></div></div>
</article>
<article>
<h1>Первая программа для мобильного телефона на J2ME</h1>
<p>Fri, 05 Feb 2010 21:43:52 GMT</p>
<div></div><div><br></div>Первая программа для мобильного телефона на J2ME.<div>Всем известно, что первая программа на любом языке программирования выводит</div><div>на экран надпись - Hello, world! Типа, "Привет мир!". Я родился, как говорил Лунтик. ;-)</div><div>Вот я и решил опубликовать первую программу для мобильника на J2ME.</div><div>Она как раз выводит на экран указанную выше фразу.</div><div>Этот код содержит комментарии практически в каждой строке и может быть использован</div><div>в качестве шаблона, при написании всех Ваших последующих программ.</div><div>Что непонятно - спрашивайте.</div><div>Удачи!!!</div><div><br><div><br></div></div>
</article>
</main></body></html>